Layouts

Heading

A consistent heading and subheading component for your application.

User profile
This information will be displayed publicly.

Sizes

Flux offers three different heading sizes that should cover most use cases in your app.

Default
14px · Use liberally—think input and toast labels.
Large
16px · Use sparingly—think modal and card headings.
Extra large
24px · Use rarely—think hero text.

Heading level

Control the heading level: h1, h2, h3, that will be used for the heading element. Without a level prop, the heading will default to a div.

User profile

This information will be displayed publicly.

Leading subheading

Subheadings can be placed above headings for a more interesting arrangment.

Year to date
$7,532.16
15.2%
Copyright © 2024 Wireable LLC · Terms of Service
Built with
by Caleb Porzio and Hugo Sainte-Marie