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>

<div class="l--box is--flow -flowG: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>
</div>