Inline

<Inline> is a Lism component that outputs a <span> tag.
Use it when you want to apply styles to a portion of text.

<Inline> is an alias for <Lism as="span">. All Lism Props are available.
You can change the output tag with the as prop: span(default) / em / strong / small / code / time / i / b / mark / abbr / cite / kbd

Import

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

Basic Usage

↓

<Inline> output example

You can style

inline elements

within text.

<Text>
  You can style
  <Inline fz="l" fs="italic">
    inline elements
  </Inline>
  within text.
</Text>

↓

as="strong" example

This is

emphasized

text.

<Text>
  This is{' '}
  <Inline as="strong" c="red">
    emphasized
  </Inline>{' '}
  text.
</Text>