Split button

Сплит-кнопка объединяет несколько связанных действий в одном элементе управления. Основное действие доступно сразу, а дополнительные варианты скрыты в выпадающем меню.

Сплит-кнопка повторяет виды оформления обычной кнопки.

Основное действие можно обозначить подписью и иллюстрировать иконкой. У варианта без подписи кнопка-меню становится более узкой.

Длинный текст в основной кнопке не переносится на новую строку, а скрывается под многоточие. Не делайте кнопки с длинным текстом.

Заблокировать можно основное или второстепенное действие, а также целиком всю группу.

Состояние Progress можно комбинировать с любым другим состоянием (Normal, Disabled, Active). Как и состояние Disabled, его можно применить как ко всей группе кнопок, так и к отдельному элементу.

Расположение меню настраивается, как в компоненте Dropdown. Когда ширина меню примерно равна габаритам сплит-кнопки, для красоты лучше выровнять их.

Сплит-кнопку часто путают с более распространенной кнопкой-меню, которая состоит из одного элемента, открывающего выпадающий список команд. Используйте сплит-кнопку в исключительных ситуациях:

  • Когда есть четкое и часто используемое главное действие. Сплит-кнопка идеальна, когда в 80% случаев пользователю нужно одно действие (например, «Сохранить»), но иногда требуется выбрать другой вариант.
  • Действия в меню однородны и тесно связаны с главным. Все пункты в выпадающем списке должны быть вариациями или уточнениями основного действия.
Вопросы и предложения по документации
Если у вас есть вопросы или вы хотите внести свой вклад в написание документации, пожалуйста, создайте issue в нашем репозитории на GitHub.