PageHeading
画面タイトルとして使用する見出しコンポーネントです。
Headingの派生コンポーネントとして、screenTitleタイプとh1要素が自動的に設定されたものです。
使用上の注意
画面ごとに1度しか使わない
画面のタイトルとして、画面ごとに1度しか使えません。
種類
サイズをXXL、XL、Lから選択できます。デフォルトはXLです。
| タイプ | フォントサイズ | ウェイト | 色 | サンプル |
|---|---|---|---|---|
| screenTitle | XXL | normal | TEXT_BLACK | well-working 労働にまつわる社会課題をなくし、誰もがその人らしく働ける社会をつくる。 |
| screenTitle | XL (デフォルト) | normal | TEXT_BLACK | well-working 労働にまつわる社会課題をなくし、誰もがその人らしく働ける社会をつくる。 |
| screenTitle | L | normal | TEXT_BLACK | well-working 労働にまつわる社会課題をなくし、誰もがその人らしく働ける社会をつくる。 |
Props
size
"L" "XL" "XXL"
テキストのサイズ
visuallyHidden
false true
視覚的に非表示にするフラグ
autoPageTitle
false true
title要素の自動生成フラグ
Next.js 環境ではこの値にかかわらずtitleは自動生成されません。metadataなどの方法を利用してください。
pageTitle
string
title要素のprefix
pageTitleSuffix
string
title要素のsuffix