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>

On this page