Skip to content
Docs

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
InfoCardBookmark