ItemCardGroup

Rows grouped inside a single card (settings, clients, services), with an optional heading.

Import

import { ItemCardGroup } from "@jcsoftdev/ui/containers";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/containers/item-card-group.

Usage

<ItemCardGroup
  title="Servicios y ajustes"
  description="Lo que ven tus clientes al reservar"
  items={items}
/>

Props

Prop	Type	Default	Description
title	ReactNode
description	ReactNode
items *	ItemCardGroupItem[]
selectedId	string		Id of the highlighted row.

* marks a required prop.

It also accepts the native props of the element or primitive it renders (for example className, id, aria-* and event handlers).

Storybook stories

• Default
• Selectable
• Narrow
• Bordered Preset
• Brutal Compact

Source

packages/ui/src/containers/item-card-group/item-card-group.tsx