Group

<Group>は、<div>タグを出力するLismコンポーネントです。
要素をグルーピングするための汎用コンテナとして使用します。

<Group> は <Lism as="div"> のエイリアスです。全ての Lism Props が使用できます。
as prop で出力タグを変更できます: div(デフォルト) / section / article / figure / nav / aside / header / footer / main / fieldset / hgroup

<Lism> との違い

<Lism> もデフォルトで <div> を出力しますが、<Group> を使うことで「これは要素をグルーピングするコンテナである」という意図がコードから明確になります。

Import

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

基本的な使い方

↓

<Group>の出力例

Lorem ipsum dolor sit amet. Consectetur adipiscing elit, sed do eiusmod tempor Incididunt ut. Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.

<Group p="20" bgc="base-2" bdrs="20">
  Lorem ipsum text...
</Group>