Item
Arrange an item's label, description, and supporting content.
Preview
Import
import { Item, ItemGroup } from "@sigil-ui/components";Usage
<ItemGroup className="w-full max-w-md">
<Item title="Apollo" description="Active project, 3 contributors" />
<Item title="Vega" description="Draft, 1 contributor" />
<Item title="Cassia" description="Active, 5 contributors" />
</ItemGroup>Sub-components
This component includes the following parts:
<ItemGroup>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
media | ReactNode | — | — |
title | ReactNode | — | — |
description | ReactNode | — | — |
action | ReactNode | — | — |
orientation | "horizontal" | "vertical" | horizontal | Orientation of media relative to content. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-radius-md | Radius md |
--s-text-muted | Text muted |
--s-text | Text |
--s-border | Border |