Group

<Group> is a Lism component that outputs a <div> tag.
Use it as a general-purpose container for grouping elements.

<Group> is an alias for <Lism as="div">. All Lism Props are available.
You can change the output tag with the as prop: div(default) / section / article / figure / nav / aside / header / footer / main / fieldset / hgroup

Difference from <Lism>

<Lism> also outputs a <div> by default, but using <Group> makes the intent — “this is a grouping container” — explicit in your code.

Import

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

Basic Usage

↓

<Group> output example

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>