# ButtonGroupProps

Props for the ButtonGroup component.

## Definition

```tsx
interface ButtonGroupProps {
    /**
     * Array of button configurations to render.
     */
    buttons: ButtonGroupItem[];

    /**
     * ID of the currently active button.
     */
    activeId?: string;

    /**
     * Button variant applied to all buttons. Defaults to 'secondary'.
     */
    variant?: ButtonComponentVarient;

    /**
     * Additional CSS class names to apply to the button group container.
     */
    className?: string;

    /**
     * Custom inline styles for the button group container.
     */
    styles?: React.CSSProperties;

    /**
     * Callback triggered when a button is clicked, receiving the button's ID.
     */
    onButtonClick?: (buttonId: string) => void;
}
```

## Usage

```tsx
import { ButtonGroupProps } from 'uxp/components';
```

## Related Types

* [ButtonGroupItem](https://help.iviva.com/uxp/v5/additional-resources/types/buttongroupitem)
* [ButtonComponentProps](https://help.iviva.com/uxp/v5/additional-resources/types/buttoncomponentprops)
* [ButtonIcon](https://help.iviva.com/uxp/v5/additional-resources/types/buttonicon)
* [PHIconProp](https://help.iviva.com/uxp/v5/additional-resources/types/phiconprop)
* [PHIconPrefix](https://help.iviva.com/uxp/v5/additional-resources/types/phiconprefix)
* [ButtonComponentType](https://help.iviva.com/uxp/v5/additional-resources/types/buttoncomponenttype)
* [ButtonComponentVarient](https://help.iviva.com/uxp/v5/additional-resources/types/buttoncomponentvarient)
* [DropdownPosition](https://help.iviva.com/uxp/v5/additional-resources/types/dropdownposition)