Structured List
A structured data display component with customizable rows, headers, dividers, compact mode, contained style, and RTL support.
Loading preview…
1
<StructuredList columns={columns} dividerRow dividerColumn dividerHeader />Installation
npx sdaia-ui@latest add structuredlist
Usage
import { StructuredList } from "@/components/ui/structured-list"<StructuredList />Examples
Default
The default structured list with row and column dividers in LTR layout.
Loading preview…
1
<StructuredList2
rtl={false}3
/>Contained
Use `contained={true}` to add a border around the entire list.
Loading preview…
1
<StructuredList2
contained={true}3
/>Compact
Use `compact={true}` to reduce row height for dense data display.
Loading preview…
1
<StructuredList2
compact={true}3
/>No Dividers
Set `dividerRow={false}` and `dividerColumn={false}` to remove dividers.
Loading preview…
1
<StructuredList2
contained3
dividerRow={false}4
dividerColumn={false}5
/>API Reference
Structured List
Structured List short description
Prop | Type | Default | Required |
|---|---|---|---|
classname | string | - | optional |