Carbon Design System

Preview the contained list component with the React live demo. For detailed code usage documentation, see the Storybooks for each framework below.

Documentation

React

Live demo

Theme selector

CodeSandbox React

Live editor for the ContainedList component


<div style={{ width: '75%' }}>
  <ContainedList label="List title" kind="on-page">
    <ContainedListItem>List item</ContainedListItem>
    <ContainedListItem>List item</ContainedListItem>
    <ContainedListItem>List item</ContainedListItem>
    <ContainedListItem>List item</ContainedListItem>
  </ContainedList>
</div>

Edit this page on GitHub

Contained list: Style

Contained list: Accessibility