Button

For the button, you can set up the action to perform when you click: calling a number or opening a site page.

To add a button in Turbo pages, use the button element:

<button
  formaction="tel:+7(800)123-45-67"
  data-background-color="#eee"
  data-color="white"
  data-turbo="false"
  data-primary="true"
  disabled
>
    8 800 123-45-67
</button>
formaction *
Possible values:
  • Phone number in the RFC-3966 format, for example tel:+7 012 345-67-89.
  • The URL of the site page or a messenger chat.
data-background-color

The button color. Possible values:

  • Text, for example white.
  • HEX, for example #FFFFFF.

If the attribute isn't specified, the default color is gray.

data-color

Text color. Possible values:

  • Text, for example white.
  • HEX, for example #FFFFFF.

If the attribute isn't specified, the default color is gray.

data-turbo

Attribute that determines which page version opens when clicking the link. Possible values:

  • true — The link opens the Turbo version of the page, if it is generated. Set as default.
  • false — The link opens a regular page or its mobile version.

If the data-turbo attribute is omitted, the link opens a Turbo page, if it was generated.

data-primary
Bold text. Possible values:
  • True.
  • False.
disabled

Allows you to display an inactive button.

Required