CellButtonGroup

Особенности использования

• Не управляет свойствами вложенных кнопок или групп кнопок. Параметры, такие как размер, цвет или состояние кнопок, должны быть установлены на самих кнопках.
• Автоматически растягивается на всю доступную ширину, а его дочерние элементы занимают равное пространство.
• В качестве разделителя следует использовать подкомпонент CellButtonGroup.Separator.

Сочетание с другими компонентами

Внутри группы можно использовать любые вариации CellButton:

CellButtonGroup.Separator

Разделитель между кнопками. Поддерживает все свойства Separator, кроме:

• direction (фиксированно horizontal);
• padding (автоматически адаптирован).

Ограничения

Компонент имеет следующие ограничения:

• не поддерживает вертикальное расположение;
• не управляет состоянием вложенных кнопок;
• для сложных сценариев используйте ButtonGroup.

Доступность (a11y)

Для обеспечения доступности рекомендуется:

• группировать логически связанные действия;

• использовать семантические заголовки при необходимости:

  <Group header={<Header>Действия с профилем</Header>}>
    <CellButtonGroup>{/* ...*/}</CellButtonGroup>
  </Group>

  Скопировать код

• добавлять пояснения для скринридеров:

  <CellButtonGroup role="group" aria-label="Действия с заказом">
    {/* ...*/}
  </CellButtonGroup>

  Скопировать код

Свойства и методы