Container

is--containerをデフォルトで出力するコンポーネントです。

下記の ①, ② はそれぞれ同じ結果になります。

// ①
<Lism isContainer='m'>...</Lism>

// ②
<Container size='m'>...</Container>

コンテナ要素としての役割をコード上でより明示的にわかりやすくするためにご利用ください。

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

import { Container } from 'lism-css/astro';

通常のコンポーネントではisContainer='m'のようにしてコンテナサイズを指定しますが、Containerではsize='m'のように書くことができます。

<Container size='m' isFlow p='40'>
  <p>Content</p>
  <p>Content</p>
  <p>...</p>
</Container>