Button

This element executes an action on user click.

See examples

Note

This element is not available in the CyberApp enablement form.

Properties

  • ID
    Element identifier.
  • Label
    The button label text.
  • The button type. Each type has a different style.
    • Primary

    • Secondary

    • Danger

    • Ghost

    • Promo

    • Translucent

  • Width (see examples)

    • Fit (default)
      Sets the width to accomodate the label.
    • Fill
      Uses all of the available width.
      For more information, see Element distribution.
  • Padding (see examples)
    The internal padding of the button, which determines its overall size.
    • Small

    • Medium (default)

    • Large

  • [Optional] Icon name (see examples)
    Inserts an icon to the left of the label.
    If you select a monochrome icon, it is displayed in white. A colored icon is displayed unaltered.
  • On click
    The action executed when the user clicks the button

Examples

Button types

../../../../../../_images/ss-element-button-types.png

Button width examples

../../../../../../_images/ss-element-button-width.png

Button padding examples

../../../../../../_images/ss-element-button-padding.png

Button icons examples

../../../../../../_images/ss-element-button-icons.png