StructuredList

A component used to display collections of data in a consistent manner.

Props

StructuredList

PropTypeDefaultDescription
colorScheme"whiteAlpha" | "blackAlpha" | "gray" | "red" | "orange" | "yellow" | "green" | "teal" | "blue" | "cyan" | "purple" | "pink" | "linkedin" | "facebook" | "messenger" | "whatsapp" | "twitter" | "telegram" | "primary" | "secondary" | "indigo"The visual color appearance of the component
itemsStructuredListItemProps[]An array of list items
size"sm" | "md"mdThe size of the StructuredList
variantstringThe variant of the StructuredList

StructuredListItem

PropTypeDefaultDescription
hrefstring | object
isDisabledboolean
onClick(e: MouseEvent<Element, MouseEvent>) => void

StructuredListIcon

PropTypeDefaultDescription
sizeResponsiveValue<number | "px" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | ... 62 more ... | "container.2xl">5The icon size
spacingResponsiveValue<number | "px" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | ... 54 more ... | "-3.5">The icon spacing, ltr supported

StructuredListCell

Was this helpful?