Section Header

Ready

Heading row with supporting actions.

Team members

Invite and manage access.

$ npx @oratiq-js/ui add section-header

Copies the component and everything it depends on into your project, then lists the npm packages to install. The code is yours after this.

import

import { SectionHeader } from "@/components/ui/section-header";

Prop	Type	Default	Description
`title`*	`ReactNode`	—	The heading (renders an <h2>).
`description`	`ReactNode`	—	Supporting line under the title.
`actions`	`ReactNode`	—	End-edge slot for buttons or filters.
`size`	`"sm" \| "default"`	`"default"`	Heading scale.
`divider`	`boolean`	`false`	Border under the row.

View source on GitHub → components/ui/section-header.tsx