テキストブロック
文章の強さは、本文・リード・引用の3つ。引用は人の言葉の書体に、spark の罫線を添えます。
バリエーション
リードは節の冒頭に置く、ひと回り大きい文章です。
プロパティ
▾
コード
import { TextBlock } from "@/components/ui/kit/ui";
<TextBlock emphasis="lede" body="リードは節の冒頭に置く、ひと回り大きい文章です。" />すべての状態
本文は、じっくり読むための文章です。
リードは節の冒頭に置く、ひと回り大きい文章です。
引用は、人が実際に言った言葉を載せます。
使い方
使っているトークン
| --ink | … |
|---|---|
| --ink-2 | … |
| --spark | … |
| --font-body | … |
| --font-voice | … |
値はスタイルシートからその場で読み込んでいるため、サイトの表示テーマに合わせて変わります。