A simple item with title and description.
Installation
pnpm dlx shadcn@latest add https://basecn.dev/r/item.jsonIf you are using a namespaced registry, you can use the following command:
pnpm dlx shadcn@latest add @basecn/itemExamples
Variants
Standard styling with subtle background and borders.
Outlined style with clear borders and transparent background.
Subdued appearance with muted colors for secondary content.
Icon
New login detected from unknown device.
Avatar
Last seen 5 months ago
Invite your team to collaborate on this project.
Image
Group
shadcn@vercel.com
maxleiter@vercel.com
evilrabbit@vercel.com
Header
Everyday tasks and UI generation.
Advanced thinking or reasoning.
Open Source model for everyone.
Link
Dropdown
Migrating from Radix UI
Common Migration Steps
All components share several migration patterns when moving from Radix UI to Base UI. Before proceeding with component-specific changes, review the essential migration patterns.
Familiarizing yourself with these patterns will make the component-specific migration steps much clearer.