# Header

> A small, muted section label rendered inside a native `<header>` element — the heading that introduces a group of related items inside a listbox, menu, or combobox section.

```ts
import { Header } from "@sdxc/ui";
```

Renders its children inside a `<header>` element styled as a small,
muted, uppercase section label — the heading introducing a group of
related items inside a listbox, menu, or combobox section.

## Examples

```tsx
<Header>Fruits</Header>
```

## Props

Also accepts everything in `TagProps<"header">`.