List

Loading
Beta

List items best used in mobile applications.

Examples

Basic usage

  • Label One
  • Label Two
  • Label Three

    description

  • Label Four

    description

Artwork sizes

  • Search
    Label One
  • Search
    Label Two
  • Search
    Label Three
  • Search
    Label Four
  • Search
    Label Five
  • Search
    Label Six

End enhancers

  • Label
  • Label
  • Label
    Chevron Right
  • Label
    Label

Sublist

  • Label One

  • Label Two

  • Search

    Label Three

    Chevron Right
  • Search

    Label Four

    Chevron Right
  • Search

    Label Five

    Chevron Right
  • Search

    Label Six

    Label Six

  • Search

    Label Seven

    Label Seven

  • Search

    Label Eight

    Label Eight

Usage with Menu

  • Search
    Jane Smith

    Senior Engineering Manager

    Chevron Right
  • Search
    Jane Smith

    Senior Engineering Manager

    Chevron Right
  • Search
    Jane Smith

    Senior Engineering Manager

    Chevron Right
  • Search
    Jane Smith

    Senior Engineering Manager

    Chevron Right
  • Search
    Jane Smith

    Senior Engineering Manager

    Chevron Right
  • Search
    Jane Smith

    Senior Engineering Manager

    Chevron Right
  • Search
    Jane Smith

    Senior Engineering Manager

    Chevron Right
  • Search
    Jane Smith

    Senior Engineering Manager

    Chevron Right
  • Search
    Jane Smith

    Senior Engineering Manager

    Chevron Right
  • Search
    Jane Smith

    Senior Engineering Manager

    Chevron Right

API

List exports

You can import this module like so:

import {ListItem} from 'baseui/list'

It exports the following components or utility functions:

  • ListItem
  • ListItemLabel
  • MenuAdapter
  • ARTWORK_SIZES
  • StyledRoot
  • StyledContent
  • StyledEndEnhancerContainer
  • StyledArtworkContainer