List
yarn add @clayui/list
Lists are a visual representation of a dataset, based on groups of related content, that is organized vertically.
Stable3.43.0View in LexiconCHANGELOG
A list can composable by a Header, an Item and Quick Actions.
Code Sample (expand to see it)
QuickActionMenu
Use QuickActionMenu composition inside Item for defining a QuickActionMenu.
Wrap QuickActionMenu.Item inside QuickActionMenu for defining an Item of QuickActionMenu. See the following example:
Code Sample (expand to see it)
ClayList children
To ensure your html structure is accessible, make sure any children passed to ClayList are li elements. Both ClayList.Item and ClayListHeader are li elements.