Inline

<Inline>は、<span>タグを出力するLismコンポーネントです。
テキストの一部にスタイルを適用したい場合などに使用します。

<Inline> は <Lism as="span"> のエイリアスです。全ての Lism Props が使用できます。
as prop で出力タグを変更できます: span(デフォルト) / em / strong / small / code / time / i / b / mark / abbr / cite / kbd

Import

import { Inline } from 'lism-css/react';

基本的な使い方

↓

<Inline>の出力例

テキストの中でインライン要素としてスタイルできます。

<Text>
  テキストの中で
  <Inline fz="l" fs="italic">
    インライン要素
  </Inline>
  としてスタイルできます。
</Text>

↓

as="strong" の例

これは強調されたテキストです。

<Text>
  これは
  <Inline as="strong" c="red">
    強調された
  </Inline>
  テキストです。
</Text>