Skip to content

SectionHeader

@hua-labs/ui
v1.0.0

bash
npm install @hua-labs/hua
tsx
import { SectionHeader } from "@hua-labs/hua";

title*string-Section title
descriptionstring-Section description
actionReact.ReactNode-Action element (button, link, etc.)

Code Examples

docs:common.basicUsagetsx
1import { SectionHeader } from '@hua-labs/hua';
2 
3<SectionHeader title="Recent Activity" />
docs:components.sectionHeader.examples.withDescriptiontsx
1<SectionHeader
2 title="Notifications"
3 description="Your recent notifications and alerts"
4/>
docs:common.withActiontsx
1<SectionHeader
2 title="Team Members"
3 description="Manage your team"
4 action={
5 <Button size="sm" variant="outline">
6 <Plus className="h-4 w-4 mr-1" />
7 Add Member
8 </Button>
9 }
10/>

  • docs:components.sectionHeader.accessibility.semanticHtml: docs:components.sectionHeader.accessibility.semanticHtmlDesc