Item
Live example
Item
Installation
npx shadcn@latest add https://hextech-ui.vercel.app/r/item.jsonAPI reference
These are the main Item options. See the exported TypeScript types for inherited native or primitive props.
| Prop | Type | Default |
|---|---|---|
variant | default | outline | muted | default |
className | string on every part | — |
Composition notes
Compose media, content and actions as needed. Use an explicit button or link for an action instead of making the entire div clickable. ItemTitle is text so the containing page can choose its heading hierarchy. On narrow layouts, allow wrapping when actions would otherwise overflow.