Component size, gzipped: 15kb

List

Loading
API

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 props

artwork
react node
Left-hand icon to render in the list item.
artworkSize
enum
Defines the size of the artwork.
children
react node
List item content.
endEnhancer
react node
Right-hand content to render in the list item.
overrides
custom
Lets you customize all aspects of the component.
sublist
boolean
Renders the list item smaller to convey hierarchy.

List exports

You can import this module like so:

import {ListItem} from 'baseui/list'

It exports the following components or utility functions: