The Item component is a flexible layout primitive designed to organize content such as titles, descriptions, media, and actions in a consistent way. It simplifies common UI patterns by providing a reusable structure for list items and grouped content, reducing the need for repetitive layout code while keeping interfaces clean and scalable.
A simple item with title and description.
Installation
Usage
Examples
Link
Icon
New login detected from unknown device.
Dropdown
{person.email}
Avatar
Last seen 5 months ago
Invite your team to collaborate on this project.
Variants
Standard styling with subtle background and borders.
Outlined style with clear borders and transparent background.
Subdued appearance with muted colors for secondary content.
Group
{person.email}