コンテンツにスキップ

Box

コンテンツをグループ化するためのシンプルなコンポーネントです。

Import

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

Usage

Boxの例

Heading

Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit fugit, numquamdicta repellat ipsa autem eos iure ducimus.

<Box isFlow='s' p='40' bgc='base-2' bxsh='1' bdrs='2'>
<h3>Heading</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit fugit, numquamdicta repellat ipsa autem eos iure ducimus.</p>
</Box>