概要

Em

テキストを強調するためにマークします。

ソースを表示問題を報告 Playgroundで表示

私たちはそれについて何とかしなければなりませんでした。

<Text>
  We <Em>had</Em> to do something about it.
</Text>

APIリファレンス

このコンポーネントはem要素に基づいており、共通のマージンプロパティをサポートしています。

プロパティ	型	デフォルト
`asChild`	`boolean`	デフォルト値なし
`truncate`	`boolean`	デフォルト値なし
`wrap`	`Responsive<"wrap" \| "nowrap" \| "pretty" \| "balance">`	デフォルト値なし

例

切り捨て

コンテナからはみ出す場合に、テキストを省略記号で切り捨てるには、truncateプロパティを使用します。

タイポグラフィの目的は、フォントサイズ、行の高さ、および行の幅を比例的に関連付け、美しさを最大限に引き出し、読書をより簡単で快適にすることです。

<Flex maxWidth="300px">
  <Em 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.
  </Em>
</Flex>

前へCode

次へKbd

GitHubでこのページを編集します。

概要

テーマ

レイアウト

タイポグラフィ

コンポーネント

ユーティリティ

Em

APIリファレンス

例

切り捨て