短いインライン引用。
スタイルは移り変わる。優れたデザインは言語であり、スタイルではないは、マッシモのデザイン哲学をエレガントに要約しています。
<Text>
His famous quote,{' '}
<Quote>Styles come and go. Good design is a language, not a style</Quote>,
elegantly summs up Massimo’s philosophy of design.
</Text>
このコンポーネントはq要素に基づいており、共通のマージンプロパティをサポートしています。
| プロパティ | 型 | デフォルト |
|---|---|---|
asChild | boolean | デフォルト値なし |
truncate | boolean | デフォルト値なし |
wrap | Responsive<"wrap" | "nowrap" | "pretty" | "balance"> | デフォルト値なし |
truncateプロパティを使用して、テキストがコンテナからはみ出した場合に省略記号で切り詰めます。
タイポグラフィの目標は、フォントサイズ、行の高さ、および行の幅を比例的に関連付け、美しさを最大化し、読書をより簡単で快適にすることです。
<Flex maxWidth="300px">
<Quote truncate>
The goal of typography is to relate font size, line height, and line width
in a proportional way that maximizes beauty and makes reading easier and
more pleasant.
</Quote>
</Flex>