EVO React Components

Item Demo

Item component examples and usage guidelines

Item
Flexible list item component with media, content, actions and various layouts.
Basic Item
Simple item with title and description.
Basic Item

A simple item with title and description.

Variants
Different visual styles for items.

Default Variant

Default Variant

Standard styling with subtle background and borders.

Outline Variant

Outline Variant

Outlined style with clear borders and transparent background.

Muted Variant

Muted Variant

Subdued appearance with muted colors for secondary content.

Size
Items in different sizes for various use cases.

Small

Small Item

Compact size for tight spaces.

Default

Default Item

Standard size for most use cases.

Icon
Items with icon media.
Security Alert

New login detected from unknown device.

Avatar
Items with avatar media.
SC
shadcn

Last seen 2 hours ago

SCMLER
Team Members

3 members in this project.

Group
Multiple items grouped together.
Header
Items with header sections.
    Recommended
    Model
    v0-1.5-sm

    Everyday tasks and UI generation.

    Model
    v0-1.5-lg

    Advanced thinking or reasoning.

    Model
    v0-2.0-mini

    Open Source model for everyone.

Dropdown
Item with dropdown menu integration.
Select an option

Click to open dropdown menu.