Heading

Typed h1–h6 heading component with size/color variants.

Preview

Interactive examples use the same @flux/ui build as production. Toggle theme in the header for light and dark. Motion tokens and layout patterns live under Motion and Patterns in the sidebar.

Live preview

Heading 1 — Display

Heading 2 — Page title

Heading 3 — Section

Heading 4 — Subsection

Body text — regular paragraph copy used throughout the UI.

Subtle body text — used for descriptions and secondary content.

$1,24,320

Installation

Add the package to your app (full Next.js + Tailwind steps on Installation):

npm install @payglocal_ui/flux-ui

Usage

Import

import { Heading } from "@payglocal_ui/flux-ui";

Example

<Heading as="h1" size="xl">Dashboard</Heading>
<Heading as="h2" size="lg" color="subtle">Overview</Heading>