Component size, gzipped: 17kb

List

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

    small

  • Search
    Label Two

    small

  • Search
    Label Three

    default

  • Search
    Label Four

    medium

  • Search
    Label Five

    large

  • Search
    Label Six

    large

  • Search
    Label Seven

    48px

  • Search
    Label Eight

    48px

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

NameTypeDescription
artwork
Left-hand icon to render in the list item.
artworkSize
Defines the size of the artwork.
children
List item content.
endEnhancer
Right-hand content to render in the list item.
overrides
Lets you customize all aspects of the component.
sublist
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: