Перейти к контенту

🎉 Material UI v5 is out now! Check out the announcement blog post

Speed Dial

При нажатии плавающая кнопка действия может отображать от трех до шести связанных между собой кнопок действий.

Для отображения больше шести кнопок следует использовать другой компонент вместо FAB.

Simple Speed Dial

Плавающая кнопка может отображать связанные действия.

Direction

Custom close icon

Вы можете задать альтернативную иконку для закрытого и открытого состояний, используя свойства icon и openIcon компонента SpeedDialIcon.

Persistent action tooltips

Подсказки для SpeedDialActions могут отображаться постоянно, чтобы пользователям не приходилось долго нажимать, чтобы увидеть подсказку на сенсорных устройствах.

Он включен здесь на всех устройствах для демонстрационных целей, но в производстве можно использовать логику isTouch для определения свойства.