Lism

LismのCSS設計に対応した様々なプロパティを受け取ることができるようになっている汎用的なコンポーネントです。
何も指定がなければ、ただの<div>を返します。

Lismで配布しているほぼ全てのコンポーネントは、この<Lism>がベースになっています。

↓

<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>が受け取る Lism CSS 専用プロパティ（Lism Props）については、別ページで詳しく解説しています。

<Lism> 系コンポーネントが受け取る、Lism CSS 専用プロパティの一覧と使い方です。