BentoSection
A BentoSection component from the Sigil design system.
Import
import { BentoSection } from "@sigil-ui/components";Usage
<BentoSection>...</BentoSection>Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | — |
title | ReactNode | — | — |
description | string | — | — |
cells | BentoCell[] | — | — |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-section-py | Section py |
--s-content-max | Content max |
--s-page-margin | Page margin |
--s-radius-card | Radius card |
--s-border-muted | Border muted |
--s-surface | Surface |
--s-duration-fast | Duration fast |
--s-border | Border |
--s-text | Text |
--s-text-muted | Text muted |