Section Heading
Opens a page section with a short label, a title and a sentence that says what the section covers.
Plans
One account for every currency you hold
Every plan includes the multi-currency wallet and free transfers between accounts.
Configurations
Supported configurations for this component.
Configurations
4 examplesPlans
One account for every currency you hold
Every plan includes the multi-currency wallet and free transfers between accounts.
Plans
One account for every currency you hold
Every plan includes the multi-currency wallet and free transfers between accounts.
Plans
One account for every currency you hold
Every plan includes the multi-currency wallet and free transfers between accounts.
Plans
One account for every currency you hold
Every plan includes the multi-currency wallet and free transfers between accounts.
Add to your project
One command adds this component to your project.
Run the following command. New project? Run npx shadcn@latest init first to set up Tailwind and path aliases.
npx shadcn@latest add @aicanvas/••••••••••••Light and dark both come with the install and follow the dark class on <html>, the shadcn dark mode setup (next-themes with attribute="class").
Props
Every prop this component accepts. Any other prop is forwarded to the underlying element.
| Prop | Type | Default | Description |
|---|---|---|---|
| titlereq | React.ReactNode | - | The heading itself. |
| eyebrow | React.ReactNode | - | A short label over the title, set in the label role (uppercase, tracked, muted). |
| description | React.ReactNode | - | One or two sentences under the title, or beside it in `split`. |
| actions | React.ReactNode | - | A control or two under the description, such as a Button or a toggle. |
| align | 'center'|'left'|'split' | 'center' | `center` opens a band, `left` heads a column, `split` sets the description and actions beside the title on a 7:5 grid. |
| as | 'h1'|'h2'|'h3'|'h4'|'h5'|'h6' | 'h2' | The title's heading level; the look never changes with it. |
| titleId | string | - | An id for the title, so the section can be labelled by it. |
AI Canvas