@react-md/list

Create lists of content that can have optional supplementary icons, avatars, or
images placed with the text.

Installation

``sh
npm install --save @react-md/list
`

It is also recommended to install the following packages as they normally work
together well with lists:

`sh
npm install --save @react-md/theme \
@react-md/typography \
@react-md/divider \
@react-md/avatar \
@react-md/icon \
@react-md/media
`

Documentation

You should check out the
full documentation for live examples
and more customization information, but an example usage is shown below.

Usage

`tsx
import { render } from "react-dom";
import { Divider } from "@react-md/divider";
import { List, ListItem } from "@react-md/list";
import { FontIcon } from "@react-md/icon";

const App = () => (

Item 1

Item 2 Primary Text


Item 3 Disabled


Sub actions
close}>
Close

id="item-5"
leftAddon={
src="https://picsum.photos/40?random"
alt="A random image from https://picsum.photos"
/>
}
leftAddonType="avatar"
>
With Avatar


);

render(, document.getElementById("root"));
``