Item

itemRecords and data

A flat row with media, a title, a description and actions. Use it for short lists of agents, skills or people; render it as a link or a button when the whole row acts.

Registry JSON
bunx --bun shadcn@4.17.0 add @waimakers/item
Kit dependencies
utilstheme
npm dependencies
@base-ui/react@1.9.0class-variance-authority@0.7.1

From the registry

Flat list items with media, content and actions; render as a native link or button.

Examples

Variants

Default has no edge, outline draws the hairline, muted sits on the sunken surface.

Default

For rows inside a card or a list that already has an edge.

Outline

For rows that stand on the page ground on their own.

Muted

For a quieter row, such as a hint or a summary.

Sizes

Default, small and extra small, for roomy lists down to dense menus.

Summarise meeting (default)
Summarise meeting (sm)
Summarise meeting (xs)

With media and actions

An avatar or icon leads, actions trail. The description wraps under the title.

Meeting scribeRunning

Summarises every recorded meeting into the team channel.

Inbox triagePaused

Sorts Joost's email into follow up, read later and archive.

As a link

Render the row as a native link when the whole row navigates. It lights up on hover.

Summarise meeting

Used by 3 agents

Sort email

Used by 1 agent

States

Disabled rows dim and refuse clicks. The focus ring is the text colour.