Кнопки

Использование

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

  • По умолчанию
  • Кнопка со ссылкой
  • Отправка формы
  • Модальное окно согласие
  • Модальное окно закрытие

При выборе кнопки со ссылкой, можно задать URL, а также опции Открыть в новой вкладке и nofollow.

Параметр Текст позволяет настроить текст надписи на кнопке.

Обычная кнопка
Ссылка на страницу

Цвет кнопки

Параметр Цвет кнопки дает на выбор 10 предустановленных цветов для кнопки.

Также можно выбрать любой кастомный цвет.

По умолчанию
Primary
Secondary
Gradient
Success
Info
Warning
Danger
Light
Dark
Пользовательский

Стиль кнопки

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

Стиль с контуром:

Primary
Secondary
Gradient
Success
Info
Warning
Danger

Нейтральный стиль:

Primary
Secondary
Gradient
Success
Info
Warning
Danger

Кнопки с иконкой

Доступно несколько icon-паков. Подробнее тут.

Параметр Позиция иконки позволяет разместить иконку слева или справа от текста кнопки.

Иконка слева
Иконка слева
Иконка справа
Иконка справа

Размер кнопки

Параметр Размер кнопки позволяет сделать кнопки больше или меньше.

Маленький
Обычный
Большой
Очень большой

Форма кнопки

Параметр Форма кнопки позволяет выбрать три формы кнопок: обычная, скругленная, прямоугольная.

Обычная кнопка
Скруглённая
Прямоугольная

Кнопка на всю ширину блока

При необходимости создайте ряд с колонками.

Кнопка на всю ширину ряда
По ширине колонки
По ширине колонки
По ширине колонки
По ширине колонки
По ширине колонки