Кнопка

Для кнопки можно настроить действие, которое выполнится при нажатии: звонок по номеру или переход на страницу сайта.



Чтобы разместить кнопку в Турбо-страницах, используйте элемент button:

<button
  formaction="tel:+7(800)123-45-67"
  data-background-color="black"
  data-color="white"
  data-turbo="false"
  data-primary="true"
  disabled >8 800 123-45-67</button>
formaction *
Возможные значения:
  • номер телефона в формате RFC-3966, например, tel:+7 012 345-67-89;
  • URL, ведущий на страницу сайта или чат в мессенджере.
data-background-color

Цвет кнопки. Возможные значения:

  • текстовое, например, white;
  • HEX, например, #FFFFFF.

Если атрибут не указан, используется серый цвет.

Таблица «безопасных» цветов, рекомендуемых для экранного дизайна.

data-color

Цвет текста. Возможные значения:

  • текстовое, например, white;
  • HEX, например, #FFFFFF.

Если атрибут не указан, используется серый цвет.

Таблица «безопасных» цветов, рекомендуемых для экранного дизайна.

data-turbo

Атрибут, который определяет какая версия страницы откроется при переходе по ссылке. Возможные значения:

  • true — по ссылке откроется Турбо-версия страницы, если она сформирована. Используется по умолчанию.
  • false — по ссылке откроется обычная страница или ее мобильная версия.

Если атрибут data-turbo не указан, по ссылке откроется Турбо-страница, если она сформирована.

data-primary
Выделение текста жирным. Возможные значения:
  • true;
  • false.
disabled

Позволяет отобразить кнопку неактивной.

Обязательный параметр