@violetui/toggle_button

Usage

first import the ToggleButton component:

const ToggleButton = require('@violetui/toggle_button');
// or
import ToggleButton From '@violetui/toggle_button'

use it:

const Component = () => {
  const [items,setItems] = useState([
    {text:'Button',icon:<Icon/>,selected:true,disable:false},
    {text:'Button2',icon:<Icon2/>,selected:false,disable:false},
    ])

  const handleChange =(newItems)=>{
    setItems(newItems)
  }

  return (<ToggleButton items={items} onChange={handleChange} />;)
};

Props

1. multiple(optional): boolean

2. corner(optional): "circle" | "rounded" | "square"

3. color(optional): "primary" | "secondary" | "tertiary" | "error" | "warning" | "success"

4. items: arrayOfItems --> {text?:string, icon?:string, selected:boolean, disable?:boolean}