1.1.6 • Published 5 years ago
mui-segmented-control v1.1.6
Material UI - Segmented Control
A MUI component made with hooks compatible with MUI >= 4.0.0
Demo
Install
npm install mui-segmented-control
Usage
import React, { useState } from 'react';
import SegmentedControl from 'mui-segmented-control';
function App() {
const [value, setValue] = useState();
return (
<div>
<SegmentedControl
color="primary"
options={[
{
label: 'First',
value: 1
},
{
label: 'Second',
value: 2
},
{
label: 'Third',
value: 3
},
{
label: 'Fourth',
value: 4
}
]}
value={value}
onChange={setValue}
/>
</div>
);
}
Props
Prop | Description | Default value |
---|---|---|
buttonProps | props injected to the button component | {} |
classes | classes object for custom styling | {} |
color | Selector color 'primary', 'secondary' | 'primary' |
onChange | callback to handle option click | () => null |
options | options array of objects in the form: {label, value} | [] |
value | selected value that will be shown in the component | null |