Feedback · Bulk actions · Stable

Action Toast

Панель действий: появляется поверх таблицы, когда выбрана хотя бы одна строка, и применяет массовые операции сразу ко всем выделенным. Счётчик выбранного, кнопки действий, меню «Ещё» и «Снять выделение». Два типа — с подписями и только иконки, два размера. На витрине панель показана в потоке страницы; в интерфейсе она плавает у нижнего края экрана.

Тип и размер

text · icon × sm 48 · md 56
Вариант
Пример
Text · SM
Text · MD
Icon · SM
Icon · MD

Меню «Ещё»

не поместившиеся действия — за кнопкой
Вариант
Пример
Два действия + «Ещё»

Загрузка

идёт массовая операция — кнопки заблокированы
Состояние
Пример
«Скачать» выполняется

Расположение

оверлей у нижнего края экрана

По центру, у нижнего края

Панель лежит над поверхностью экрана. Отступ от нижнего края — от 16 до 56 по ряду 16 · 24 · 32 · 40 · 48 · 56 и зависит от других плавающих элементов. Модальное окно её перекрывает, уведомления лежат выше.

Ширина — до 90 % экрана

Основных действий — не больше трёх-четырёх, самые частые в начале. Остальные уходят за «Ещё»: в этой версии список для меню задаётся явно, автоматического переноса по ширине пока нет.

Правила

когда применять и когда не стоит

Одно массовое действие — не панель

Если действие одно, хватит кнопки в шапке таблицы или контекстного меню. Если строки выбрать нельзя или массовые операции редки, панель только мешает.

Фокус остаётся в таблице

Появление панели фокус не забирает — иначе с клавиатуры не отметить вторую строку. До панели доходят Tab, между кнопками — стрелки ← и →.

Esc не снимает выбор

Esc закрывает только меню «Ещё». Снять выделение — отдельная кнопка, она на панели всегда.

Неприменимое — скрыть

Действия, которые к текущему выбору не применимы, не показываются. Выключенная кнопка без объяснения причины — тупик.

Результат — в уведомлении

Панель — набор действий, а не сообщение. Ошибку операции показывает Notification или Alert; панель возвращается в активное состояние, выделение сохраняется.

Фокус после снятия выделения

Экран возвращает его на чекбокс последней выбранной строки: панель не знает, какой элемент был активен до её появления.

State Explorer

интерактивный перебор осей · нажмите действие — начнётся загрузка