List

A list component available in Small, Medium, and Large sizes. Supports grouped list items and RTL layout.

Loading demo: list-real-world

Installation

npx sdaia-ui@latest add list

import { List } from "@/components/ui/list"

<List size="medium" />

List with state Default.

Loading demo: list-default

List available in Small, Medium, and Large sizes.

Loading demo: list-sizes

Props for the DropdownListHeader component.

Prop	Type	Default	Required
type	'User' \| 'Header'	'User'	optional
avatarSrc	string	-	optional
avatarAlt	string	-	optional
name	string	-	optional
email	string	-	optional
label	string	-	optional
className	string	-	optional
dir	"ltr" \| "rtl"	—	optional