Float Button
Описание
Floating Button — это круглая кнопка, которая «плавает» над пользовательским интерфейсом в мобильном или веб-приложении. Часто расположена в правом нижнем углу экрана.
Основная цель Floating Button — предоставить одно заметное действие, которое пользователь может выполнить в текущем контексте. Это позволяет легко получить доступ к важной функциональности без навигации по меню.
Обычно на FAB есть значок, представляющий действие. Например, знак плюса для добавления нового элемента, карандаш для редактирования или пузырь чата для начала разговора.
Свойства
Базовые/Basic
Опции / Options
Набор параметров действия, которые могут быть ассоциированы с кнопкой
Иконка / Icon
Графическое изображение или пиктограмма, отображаемая на кнопке
Форма кнопки / Button Shape
Определяет геометрическую форму кнопки
Кнопка темы / Button Theme
Определяет цветовую тему и стиль кнопки:
- Главная / Primary - Основная кнопка, визуально выделяющаяся и обычно используемая для самых важных действий.
- По умолчанию / Default - Кнопка со стандартным стилем, менее акцентирующая внимание, используется для вторичных действий
Значок в виде точки / Dot Icon
Опция, добавляющая маленький значок в виде точки на кнопке, который может служить для указания на новые события, уведомления или изменения, которые требуют внимания пользователя
Раскладка/Layout
Скрыть / Hide
Введите "true", чтобы скрыть компонент
Стили/Style
Настройки стилей описаны в разделе Настройка стилей компонентов
Идентификаторы компонентов/Component Identifiers
Имя класса CSS / CSS Class Name
Позволяет добавить компонент в класс, чтобы стилизовать группу элементов
Индивидуальный идентификатор / Unique Identifier (ID)
Позволяет присвоить компоненту уникальный ID, чтобы стилизовать конкретный элемент
Предотвратить перезапись стилей / Prevent Style Override
Включите, чтобы запретить изменение стилей CSS, обеспечивая сохранность первоначального оформления
Last updated