Heading

A section heading, sized and toned by the theme.

import { Heading } from '@textui/core';

<Heading content="Services" level={1} />

Props

| Prop | Type | Default | | | — | — | — | — | | level | 1 \| 2 \| 3 | | |

Plus everything on TextProps.

Role: heading.

Three levels. What each one looks like is the theme’s business - bold, a colour, a rule underneath - and a terminal has no font sizes to fall back on, so the difference between 1 and 3 is weight and colour rather than height.

Heading extends TextProps, so truncate, textAlign and wrap all work.

See also

  • Label - a name for something, not a section
  • Panel - a titled region, which draws its own heading

Back to top

MIT licensed. Pre-1.0 - the surface is still moving.