List
A list component available in Small, Medium, and Large sizes. Supports grouped list items and RTL layout.
Loading preview…
1
<List size="medium" avatar avatarNode={<Avatar />} textLead leadText="Sara Al-Mansouri" textTrailing trailingText="Design" divider />Installation
npx sdaia-ui@latest add list
Usage
import { List } from "@/components/ui/list"<List size="medium" />Examples
Default
List with state Default.
Loading preview…
1
'use client';2
3
import { List } from 'sdaia-ui';4
5
export default function ListDefault() {Sizes
List available in Small, Medium, and Large sizes.
Loading preview…
1
'use client';2
3
import { List } from 'sdaia-ui';4
5
export default function ListStates() {API Reference
DropdownListHeaderProps
Props for the DropdownListHeader component.
Prop | Type | Default | Required |
|---|---|---|---|
type | 'User' | 'Header' | 'User' | optional |
avatarSrc | string | - | optional |
avatarAlt | string | - | optional |
name | string | - | optional |
string | - | optional | |
label | string | - | optional |
className | string | - | optional |