Text

<Text> is a Lism component that outputs a <p> tag.

<Text> is an alias for <Lism as="p">. All Lism Props are available.
You can change the output tag with the as prop: p(default) / div / blockquote / address / figcaption / pre

Import

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

Basic Usage

↓

<Text> output example

Lorem ipsum dolor sit amet. Consectetur adipiscing elit, sed do eiusmod tempor Incididunt ut. Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.

<Text>Lorem ipsum text...</Text>

↓

Applying Lism Props

<Text fz="l" lh="s" c="text-2">
  Lorem ipsum text...
</Text>