Item

Item components display information with optional avatars, icons, descriptions, and actions.

Preview

John Doe

Builder

Variant
Size
Visual Elements
Status
Behavior
Layout

The component accepts the following props:

Prop
Type
Default
Title

Description Error

No data

There are no records to display

Usage Examples

The Item component is versatile and can be used in various contexts:

  • Lists: Display user profiles, contacts, or any list items
  • Navigation: Use with href prop for navigable items
  • Selection: Use with active prop for selectable lists
  • Actions: Add action buttons using the actions snippet

Actions Snippet

You can add custom actions to items using the actions snippet: