Button Group
Displays a group of buttons that looks like a button group.
# Demo
# Attributes
Name | Type | Default | Details |
---|---|---|---|
className | string | ' ' | You can customise by passing tailwind classes. |
buttonClassName | string | ' ' | You can customise by passing tailwind classes. |
items | string[] | Required | You can pass items for the button group. |
selected | string | Required | You can pass default selected item. |
onChange | (selected: string) => void | Required | You 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;