# ButtonGroupItem

Configuration for a button in the ButtonGroup, extending ButtonComponentProps.

## Definition

```tsx
interface ButtonGroupItem extends Omit<ButtonComponentProps, 'variant' | 'active'> {
    /**
     * Unique identifier for the button.
     */
    id: string;

    /**
     * Optional dropdown content for the button, making it a dropdown button.
     */
    dropdownContent?: React.ReactNode;

    /**
     * Position of the dropdown relative to the button.
     */
    dropdownPosition?: DropdownPosition;

    /**
     * If true, shows an anchor connecting the dropdown to the button.
     */
    showAnchor?: boolean;
}
```

## Usage

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

## Related Types

* [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)