Abstracting radio button groups

Radio button groups are similar to checkbox groups. The key difference is that radios are used when only one value should be selected. Also, like checkbox groups, radio button groups require several Material-UI components that can be encapsulated and reused throughout an application.

How it works...

Here's some code that captures all of the pieces required to put together a radio button group into a single component:

import React, { useState } from 'react';

import Radio from '@material-ui/core/Radio';
import { default as MaterialRadioGroup } from '@material-ui/core/RadioGroup';
import FormControlLabel from '@material-ui/core/FormControlLabel';
import...