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