Box
コンテンツをラップしてグループ化するためのシンプルなコンポーネントです。
対応するHTML構造
<div class="l--box">...</div>Import
import { Box } from '@loos/lism-core';DEMO
Boxの例 1
Box
リサイズ可能エリアです ↑
<Box p='box' bgc='white' shadow='2' radius='3'>
<p>Box</p>
</Box>Boxの例 2
Heading
Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit fugit, numquamdicta repellat ipsa autem eos iure ducimus consequatur vel.
リサイズ可能エリアです ↑
<Box isFlow tag='section' p="box:l" bgc='pale'>
<h3>Heading</h3>
<p>...</p>
</Box>