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>