Details List

Use this component to load a list of items.

Examples

Default

<DetailsList>
  <DetailsListItem>
    <Icon name="clock" size={24} mr={3} />
    <Text font="heading">
      2 hours
    </Text>
  </DetailsListItem>
  <DetailsListItem>
    <Icon name="multiple-users" size={24} mr={3} />
    <Text font="heading">
      Up to 10 people
    </Text>
  </DetailsListItem>
</DetailsList>

Expandable

<DetailsList>
  <DetailsListItem expansion={
    <Text>This is an example of expandable content</Text>
  }>
    <Icon name="clock" size={24} mr={3} />
    <Text font="heading">
      2 hours
    </Text>
  </DetailsListItem>
  <DetailsListItem>
    <Icon name="multiple-users" size={24} mr={3} />
    <Text font="heading">
      Up to 10 people
    </Text>
  </DetailsListItem>
</DetailsList>