Skip to content

components/data-list

DataListProps = HTMLAttributes<HTMLUListElement> > & object

Props accepted by DataList.

optional density?: "regular" | "compact"


DataListHeadingProps = HTMLAttributes<HTMLHeadingElement> > & object

Props accepted by DataListHeading.

optional level?: 2 | 3

Heading level; the host keeps its document outline.

optional aside?: ReactNode

Optional trailing count or status, such as a Badge.

const DataList: ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> > & object & RefAttributes<HTMLUListElement>>>>

A list wrapper for caller-provided rows.


const DataRow: ForwardRefExoticComponent<LiHTMLAttributes<HTMLLIElement> > & RefAttributes<HTMLLIElement>>>>

A list row for a caller-provided label and value.


const DataListHeading: ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> > & object & RefAttributes<HTMLHeadingElement>>>>

A quiet small-caps section label that groups the rows below it.