Simple List Item

This component should be used on simpler lists that don’t require as many columns as the ListItem we use for bigger lists. Example usage in ShareModal on collaborators list.

Enabled

Bob Marley

3 members

Bob Marley

3 members

<SimpleListItem
  heading="Bob Marley"
  renderImage={() => {}}
  searchWords={[]}
  subheading="3 members"
>
  <PersonButton buttonKind="green" buttonText="Add" />
</SimpleListItem>

Disabled with tooltip

Bob Marley

3 members

Added

Bob Marley

3 members

Added

<SimpleListItem
  heading="Bob Marley"
  renderImage={() => {}}
  searchWords={[]}
  subheading="3 members"
>
  <PersonButton
    badgeText="Added"
    badgeTooltip="This person is already a collaborator"
    buttonKind="ghostDanger"
    buttonText="Remove"
    isDisabled
  />
</SimpleListItem>

Mutation in progress

<SimpleListItem
  heading="Bob Marley"
  renderImage={() => {}}
  searchWords={[]}
  subheading="3 members"
  isLoading
>
  <PersonButton buttonKind="green" buttonText="Add" isLoading />
</SimpleListItem>