List controls

List items can be clickable, resulting in a change in state, or a link being followed, or something else entirely. This is the primary action of the item. You can have secondary actions on lists called controls. These are common actions that you might perform, depending on the type of item.

How to do it...

Let's say that you have a list of devices. When you click on a list item, it might take you to a details page for the device. Each device has Bluetooth connectivity that can be toggled on or off. This is a good candidate secondary action to render in the item. Here's the code to do this:

import React, { useState } from 'react';

import List from '@material-ui/core/List';
import ListItem...