Heading

<Heading>は、見出しタグ（<h1>〜<h6>）を出力するLismコンポーネントです。
level プロパティで見出しレベルを指定できます。

<Heading> は <Lism as="h{level}"> のエイリアスです。全ての Lism Props が使用できます。

Props

| プロパティ | 型 | デフォルト | 説明 | |---|---|---|---| | level | "1"~ "6" | "2" | 見出しレベルを指定します。 |

Import

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

基本的な使い方

↓

<Heading>の出力例

見出しテキスト

<Heading level="2">見出しテキスト</Heading>

見出しレベルの指定

level プロパティで <h1> 〜 <h6> を出し分けることができます。

↓

level によるレベルの指定例

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>