Components / furniture
SectionHeader
Section-Start Block - Index, Name, Meta, Title
01 Preview
02 Usage
Opens every page section - the system's strongest rhythm device.
<SectionHeader index="02" name="Projects" meta="6 entries" title="Selected work" />03 Props
| Prop | Type | Default | Notes |
|---|---|---|---|
| index* | string |
— | Zero-padded index, e.g. "02" |
| name* | string |
— | Uppercase section name, e.g. "PROJECTS" |
| meta | string |
— | Right-aligned metadata, e.g. "6 ENTRIES" |
| title | string |
— | Large display title under the rule |
Also accepts every attribute of React.HTMLAttributes<HTMLElement> — they are spread onto the root element. className is merged, not replaced, and ref is forwarded.
04 Import
import { SectionHeader } from '@denizarsan/darsan.design';
import '@denizarsan/darsan.design/styles.css';