Button Group

Displays a group of buttons that looks like a button group.
# Demo
# Attributes
NameTypeDefaultDetails
classNamestring' 'You can customise by passing tailwind classes.
buttonClassNamestring' 'You can customise by passing tailwind classes.
itemsstring[]RequiredYou can pass items for the button group.
selectedstringRequiredYou can pass default selected item.
onChange(selected: string) => voidRequiredYou can get callback when button group changed.
# Usage
import { useState } from 'react'; import { NButtonGroup } from 'nayan'; const items = ['Startup', 'Business', 'Enterprise']; const ButtonGroup = () => { const [selected, setSelected] = useState(items[0]); return <NButtonGroup items={items} selected={selected} onChange={setSelected} />; }; export default ButtonGroup;