# Heading

> A styled heading component (h1-h6)

## Import

```tsx
import { Heading } from "@getnarro/shared-ui";
```

## Example

```tsx
<Heading level={1}>Main Title</Heading>
<Heading level={2} color="primary">Subtitle</Heading>
```

## Props

| Prop | Type | Required | Description |
| --- | --- | --- | --- |
| `align` | `"center" \| "left" \| "right"` | — | Text alignment |
| `children` | `ReactNode` | — | Children content |
| `className` | `string` | — | Additional CSS classes |
| `color` | `"default" \| "primary" \| "muted" \| "accent"` | — | Color variant |
| `level` | `2 \| 3 \| 4 \| 5 \| 6 \| 1` | — | Heading level (1-6) |

---

Every component: https://getnarro.com/llms/index.md · every closed set: https://getnarro.com/catalog.json · full documentation: https://getnarro.com/llms.txt

Check what you wrote: `npx @getnarro/cli check deck.md`.