Components

Heading

A consistent heading component for your application.

User profile
This information will be displayed publicly.
Copy to clipboard

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.
Copy to clipboard

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.
Copy to clipboard

Examples

Leading subheading

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

Year to date
$7,532.16
15.2%
Copy to clipboard

Reference

flux:heading

Prop
Description
size
Size of the heading. Options: base, lg, xl. Default: base.
level
HTML heading level. Options: 1, 2, 3, 4. Default: renders as a div if not specified.
accent
If true, applies accent color styling to the heading.

flux:text

Prop
Description
size
Size of the text. Options: sm, base, lg, xl. Default: base.
Copyright © 2025 Wireable LLC ·Terms of Service
Built with by
Caleb Porzio and Hugo Sainte-Marie