List

The List component from Superset's UI library.

Live Example

Loading component...

Try It

Edit the code below to experiment with the component:

Live Editor

function Demo() {
  const data = ['Dashboard Analytics', 'User Management', 'Data Sources'];
  return (
    <List
      bordered
      dataSource={data}
      renderItem={(item) => <List.Item>{item}</List.Item>}
    />
  );
}

Result

Loading...

Props

Prop	Type	Default	Description
bordered	boolean	false	Whether to show a border around the list.
split	boolean	true	Whether to show a divider between items.
size	string	"default"	Size of the list.
loading	boolean	false	Whether to show a loading indicator.
dataSource	any	["Dashboard Analytics","User Management","Data Sources"]	-

Import

import { List } from '@superset/components';

---

Improve this page

This documentation is auto-generated from the component's Storybook story. Help improve it by editing the story file.