Skip to main content

List


Example

<List
size="medium"
dividers
items={[
{
kind: "two-line",
label: "Item1",
secondLine: "Item1 description",
href: "http://www.example.com",
icon: IconPlaceholder,
},
{
kind: "two-line",
label: "Item2",
secondLine: "Item2 description",
href: "http://www.example.com",
icon: IconPlaceholder,
},
{
kind: "two-line",
label: "Item3",
secondLine: "Item3 description",
href: "http://www.example.com",
icon: IconPlaceholder,
},
]}
/>

Props

NameTypeDefault ValueRequiredDescription
size"large" | "medium"Yes
itemsListItemProps[]Yes
spaceConditionalStyle<Values<MapLeafNodes<{ 0: any; 4: any; 8: any; 12: any; 16: any; 24: any; 32: any; 40: any; 80: any; }, CSSVarFunction>, { defaultClass: string; conditions: { wide: string; desktop: string; tablet: string; mobile: string; }; }>>No
dividersbooleanNo