Yamada UIにスターをあげる

スター
Yamada UIYamada UIv1.7.2

DataList

DataListは、現在作成を検討しています。

ソース@yamada-ui/data-list

Props

DataListDescriptionProps

DataListItemProps

description

説明

The data list description to use.

タイプ

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

descriptionProps

説明

The props for the data list description component.

タイプ

DataListDescriptionProps

term

説明

The data list term to use.

タイプ

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

termProps

説明

The props for the data list term component.

タイプ

DataListTermProps

DataListProps

col

説明

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

タイプ

number

colorScheme

説明

The visual color appearance of the component.

タイプ

"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

説明

The props for the data list description component.

タイプ

DataListDescriptionProps

items

説明

If provided, generate elements based on items.

タイプ

DataListItemProps[]

orientation

説明

The orientation of the data list.

タイプ

DataListOrientation

デフォルト

'horizontal'

size

説明

The size of the DataList.

タイプ

"sm" | "md" | "lg"

デフォルト

"md"

termProps

説明

The props for the data list term component.

タイプ

DataListTermProps

variant

説明

The variant of the DataList.

タイプ

"bold" | "grid" | "subtle"

デフォルト

"subtle"

DataListTermProps

GitHubでこのページを編集する

ListCard