Lism

A general-purpose component that accepts a wide range of props from the Lism CSS design system. When no props are specified, it simply renders a <div>.

Nearly all components in the Lism package are built on top of <Lism>.

↓

Output example of <Lism>

Lism content

<Lism p="20" fw="bold" c="blue" bgc="base-2" bdrs="20">
  Lism content
</Lism>

Import

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

Lism Props

The Lism CSS-specific props that <Lism> accepts (Lism Props) are documented in a dedicated page.

Lism Props

A reference for the Lism CSS-specific props accepted by <Lism>-family components.