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, обеспечивая сохранность первоначального оформления