Skip to content
Core ElementsFree

Item Card

A generic row card: icon, title, description, meta, action.

Usage

Q3 Report.pdf

2.4 MB

2d ago

Installation

bash
npm install @wunderui/react

Then import what you need:

tsx
import { ItemCard, ItemCardGroup } from "@wunderui/react"

Examples

Payment method

An icon, a title with its detail, and a status on the right.

Visa ending in 4242

Expires 08/27

Default

In context

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

Item Card / Group

Cards with an icon, title, description, details and an action — alone or in a group.

Automations

Trigger workflows from events.

12 active

Team

Members, roles and invites.

8 members

Notifications

Channels and digests.