About the shadcn/ui Item Component
The Item component is part of shadcn/ui — a collection of accessible, copy-paste React components built with Radix UI and Tailwind CSS. Install it with `npx shadcn@latest add item` and copy it directly into your project.
Item Component — Frequently Asked Questions
When should I use shadcn Item component?
Use Item for building consistent list UIs — contact lists, notification feeds, navigation menus, and settings rows. It handles avatar + content + action layouts in a standardized way.
How do I make an Item clickable as a link?
Use the Link variant: wrap `<Item>` content or use the `item-link` example which renders the entire item as an anchor tag with hover and focus styles.
How do I add a dropdown to each Item in a list?
Add a `<DropdownMenu>` to the trailing section of the item. The item-dropdown example shows how to position action menus without disrupting the item layout.