Item Component
A flexible, composable component for building list items with media, content, and actions.
Basic Item
A simple item with title and description.
Notification List
Items displaying notifications with icons, titles, descriptions, and timestamps.
Settings Items
Clickable settings rows with icons and descriptions using AsChild to render as links.
User Profile Cards
User items with avatars, names, roles, and action buttons.
Variants
Three visual variants: default, outline, and muted.
Default Variant
Outline Variant
Muted Variant
Sizes
Two size options: default and small.
Default Size
Small Size
Polymorphic Rendering (AsChild)
Items can render as different HTML elements using the AsChild parameter.
As Anchor Tag
As Button
Complex Layout
Using ItemHeader and ItemFooter for advanced layouts.