ink-ui

πŸ”  Header

Bold, underlined section heading for separating logical groups within a screen.

<Header> renders a bold, underlined section heading with an optional dimmed subtitle below it. Use it to separate logical groups within a screen.

import { Header } from "@kud/ink-ui";

πŸ”§ Props

PropTypeDefaultDescription
childrenstringβ€”The heading text
subtitlestringβ€”Optional dimmed subtitle below the heading

The component lays out as a column with a bottom margin of one row.

πŸ’‘ Examples

<Header subtitle="3 items">Results</Header>
<Header>Configuration</Header>