# @askrjs/themes/heading

> Published API exports for @askrjs/themes/heading.

Source: [https://askrjs.com/docs/reference/api/themes/heading](https://askrjs.com/docs/reference/api/themes/heading)

Status: stable. Packages: @askrjs/themes/heading.

**Published packages are authoritative.** Examples may lag behind a published contract. When guidance differs, verify the exports and TypeScript declarations in your installed package, then file an issue.

## Exports

This entrypoint publishes 4 exports from the declarations shipped by @askrjs/themes.

### `Heading`

```ts
Heading: ({ level, ...props }: HeadingProps) => JSX.Element
```

Native semantic heading whose visual size is independent from its explicit document level.

### `HeadingLevel`

```ts
HeadingLevel: 1 | 2 | 3 | 4 | 5 | 6
```

### `HeadingProps`

```ts
HeadingProps: NativeHeadingProps & {
  level: HeadingLevel;
  size?: HeadingSize;
  tone?: TextTone;
  weight?: TextWeight;
  font?: TextFont;
  numeric?: TextNumeric;
  wrap?: TextWrap;
  truncate?: boolean;
  children?: unknown;
  ref?: Ref<HTMLHeadingElement>;
}
```

Strongly typed semantic heading props with visual treatment independent from document level.

- `children`: children?: unknown;

- `font`: font?: TextFont | undefined;

- `level`: level: HeadingLevel;

- `numeric`: numeric?: TextNumeric | undefined;

- `ref`: ref?: Ref<HTMLHeadingElement>;

- `size`: size?: HeadingSize | undefined;

- `tone`: tone?: TextTone | undefined;

- `truncate`: truncate?: boolean | undefined;

- `weight`: weight?: TextWeight | undefined;

- `wrap`: wrap?: TextWrap | undefined;

### `HeadingSize`

```ts
HeadingSize: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl"
```

## Documentation navigation

[Previous](https://askrjs.com/docs/reference/api/themes/grid/index.md) | [Next](https://askrjs.com/docs/reference/api/themes/hover-card/index.md)