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'; { const value setValue = ; return <div> <SegmentedControl ="primary" = = = /> </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 |