DescriptionList
Structured key-value pairs for displaying entity details.
Default layout
NameJohn Doe
RoleAdministrator
Email[email protected]
tsx
<DescriptionList
items={[
{ label: 'Name', value: 'John Doe' },
{ label: 'Role', value: 'Administrator' },
{ label: 'Email', value: '[email protected]' },
]}
/>Plain variant
NameJohn Doe
RoleAdministrator
Email[email protected]
tsx
<DescriptionList items={items} variant="plain" />Bordered variant
NameJohn Doe
RoleAdministrator
Email[email protected]
tsx
<DescriptionList items={items} variant="bordered" />