Components

Item

Mixed (List wrapper)

Flexible list and menu item component with multiple variants.

Basic Example

Simple item with icon, title, and description.

Inbox

You have 3 new messages

With Actions

Add action buttons to the right side.

John Doe

+994 50 123 45 67

Item Group

Group multiple items with separators.

Baku Office

28 May Street, Baku, Azerbaijan

Ganja Office

Nizami Street, Ganja, Azerbaijan

Complex Example

Using all subcomponents together.

Premium Plan
Active

Full access to all features

Expires on Dec 31, 2025

Installation

npx shadcn-svelte@latest add item

API Reference

Components

Component
Description
Item.Root
Item wrapper
Item.Group
Group container
Item.Media
Icon/avatar section
Item.Content
Main content area
Item.Title
Item title
Item.Description
Item description
Item.Header
Top content section
Item.Footer
Bottom content section
Item.Actions
Action buttons area
Item.Separator
Divider line

Documentation

For more information, see the official shadcn-svelte documentation.