Leave Yamada UI a star

Star
Yamada UIYamada UIv1.7.3

DataList

We are currently considering the development of DataList.

Source@yamada-ui/data-list

Props

DataListDescriptionProps

DataListItemProps

description

Description

The data list description to use.

Type

type ONLY_FOR_FORMAT = | string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | ReactNode[]

descriptionProps

Description

The props for the data list description component.

Type

DataListDescriptionProps

term

Description

The data list term to use.

Type

type ONLY_FOR_FORMAT = | string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | ReactNode[]

termProps

Description

The props for the data list term component.

Type

DataListTermProps

DataListProps

col

Description

The number of columns. If orientation is "horizontal" and items is not set, please set this.

Type

number

colorScheme

Description

The visual color appearance of the component.

Type

"blackAlpha" | "whiteAlpha" | "amber" | "blue" | "info" | "link" | "primary" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "success" | "indigo" | "lime" | "neutral" | "orange" | "warning" | "pink" | "purple" | "red" | "danger" | "rose" | "sky" | "teal" | "violet" | "secondary" | "yellow"

descriptionProps

Description

The props for the data list description component.

Type

DataListDescriptionProps

items

Description

If provided, generate elements based on items.

Type

DataListItemProps[]

orientation

Description

The orientation of the data list.

Type

DataListOrientation

Default

'horizontal'

size

Description

The size of the DataList.

Type

"sm" | "md" | "lg"

Default

"md"

termProps

Description

The props for the data list term component.

Type

DataListTermProps

variant

Description

The variant of the DataList.

Type

"bold" | "grid" | "subtle"

Default

"subtle"

DataListTermProps

Edit this page on GitHub

PreviousListNextCard