Button

Note. The task interface configuration guide describes the features of the HTML/JS/CSS editor. You can also try creating a task interface in Template Builder.

To add a button to a task, use the {{button}} component. Example:

{{button label="Click me" href="https://yandex.ru" action=true}}
Copied to clipboard
Parameters

Parameter

Overview

Required

Default value

label

Button label

no

empty string

href

Link that opens when the user clicks the button. The link is opened in a new browser tab.

no

action

Button color:

  • action=true — Yellow.

  • action=false — White.

no

false
size
Size of the button (with preserved aspect ratio).
  • "S" — 24 px high.

  • "M" — 28 px high.

  • "L" — 32 px high.

  • "XL" — 38 px high.

no

"M"
class

CSS class.

no

".button"

Parameter

Overview

Required

Default value

label

Button label

no

empty string

href

Link that opens when the user clicks the button. The link is opened in a new browser tab.

no

action

Button color:

  • action=true — Yellow.

  • action=false — White.

no

false
size
Size of the button (with preserved aspect ratio).
  • "S" — 24 px high.

  • "M" — 28 px high.

  • "L" — 32 px high.

  • "XL" — 38 px high.

no

"M"
class

CSS class.

no

".button"