Container

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

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

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

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

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

Props

Import

import { Container } from '@lism-ui/core';

import { Container } from '@lism-ui/astro';

Usage

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

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