Heading

<Heading> is a Lism component that outputs heading tags (<h1> to <h6>).
Use the level prop to specify the heading level.

<Heading> is an alias for <Lism as="h{level}">. All Lism Props are available.

Props

Property	Type	Default	Description
`level`	`"1"`~ `"6"`	`"2"`	Specifies the heading level.

Import

import { Heading } from 'lism-css/react';

Basic Usage

↓

<Heading> output example

Heading Text

<Heading level="2">Heading Text</Heading>

Specifying Heading Levels

Use the level prop to output <h1> through <h6>.

↓

Heading level examples

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

<Heading level="1">Heading Level 1</Heading>
<Heading level="2">Heading Level 2</Heading>
<Heading level="3">Heading Level 3</Heading>
<Heading level="4">Heading Level 4</Heading>