# give/4.18.0/src/Views/Components/AdminUI/ButtonGroup/index.tsx

GiveWP – Donation Plugin and Fundraising Platform, version 4.18.0. 16 lines.

- Page: https://pluginprobe.com/plugins/give/4.18.0/code/src/Views/Components/AdminUI/ButtonGroup/index.tsx
- Raw: https://pluginprobe.com/plugins/give/4.18.0/raw/src/Views/Components/AdminUI/ButtonGroup/index.tsx
- Modified: 2023-10-16T17:55:46+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/give/4.18.0/code/src/Views/Components/AdminUI/ButtonGroup/index.tsx#L10-L20`.

```tsx
import cx from 'classnames';
import './style.scss';

interface ButtonGroupProps {
    children: JSX.Element | JSX.Element[];
    align?: 'left' | 'right' | 'center' | 'space-between';
}

export default function ButtonGroup({children, align = 'left'}: ButtonGroupProps) {
    return (
        <div className={cx('givewp-button-group', align)}>
            {children}
        </div>
    );
}

```