SectionHeader

Section divider label. Renders as a styled heading with optional action slot.

Preview

Usage

import { SectionHeader } from '@ramtt/ui'

<SectionHeader>Performance metrics</SectionHeader>
<SectionHeader action={<Button variant="ghost" size="sm">View all</Button>}>
  Recent sessions
</SectionHeader>

Props

PropTypeDefaultDescription
children*stringHeader text
actionReactNodeRight-aligned action element