Button Group

A Button Group component is a UI element that groups multiple buttons together, allowing users to select from a set of related actions or options. It helps organize buttons in a compact, cohesive layout, typically displayed in a horizontal or vertical row. Button Groups are useful for actions that are closely related or mutually exclusive, providing a clean and structured way to present multiple controls.

# Demo

Demo Coming Soon

ButtonGroup examples will be available soon.

# Usage

# Attributes

Name	Type	Default	Details
className	string	' '	You can customise by passing tailwind classes.
buttonClassName	string	' '	You can customise by passing tailwind classes.
items	T[]	Required	You can pass items for the button group.
selected	T	Required	You can pass default selected item.
disabled	boolean	false	You can pass disable state to disable items.
onChange	(selected: T) => void	Required	You can get callback when button group changed.
keyExtractor	(item: T, idx: number) => string \| number	Optional	Custom key extractor function.
renderButton	(item: T, selected: boolean, idx: number) => React.ReactNode	Optional	Custom render function for buttons.
ariaLabel	string	Optional	ARIA label for accessibility.