ButtonGroup
Группа кнопок одного размера.
Передайте несколько Button дочерними элементами; общий размер задавайте на группе.
Живой пример
Настройки примера
Использование
import { Button, ButtonGroup, Dropdown } from '@prosazhin/pbcomponents';
<ButtonGroup size='m'>
<Button theme='border'>One</Button>
<Button theme='border'>Two</Button>
<Dropdown>
<Dropdown.Trigger theme='border'>Three</Dropdown.Trigger>
<Dropdown.Content>
<Dropdown.Item>One</Dropdown.Item>
<Dropdown.Item>Two</Dropdown.Item>
<Dropdown.Item>Three</Dropdown.Item>
</Dropdown.Content>
</Dropdown>
</ButtonGroup>;API компонента
| Prop | Тип / варианты | Назначение | По умолчанию |
|---|---|---|---|
children | Button[] | Dropdown[] | Кнопки и меню в одной группе. | — |
size | 'xs' | 's' | 'm' | 'l'xs · s · m · l | Размер компонента. | m |
className | string | Класс корневого элемента. | — |
Нативные HTML-атрибуты поддерживаются там, где компонент рендерит соответствующий элемент. Параметры className управляют только оформлением.