Breadcrumb

    About

    This template enables you to display an icon next to your button label. You can easily position the icon to the right or left of the label using Template Options.

    Set Text with Icon as the Button Template.

    Examples

    1. Default

     

    2. Variations

     

    Template Options

    • Size

      Sets the size of the button.

      • Default
      • Tiny
        A very small button.
      • Small
        A small button.
      • Large
        A large button.

    • Type

      • Normal
      • Primary
      • Warning
      • Danger
      • Success

    • Style

      Sets the style of the button. Use the "Simple" option for secondary actions or sets of buttons. Use the "Remove UI Decoration" option to make the button appear as text.

      • Default
      • Simple
      • Remove UI Decoration
      • Display as Link
        This option makes the button appear as a text link.

    • Icon Position

      Sets the position of the icon relative to the label.

      • Left
      • Right
    • Advanced

      Button Set

      Enables you to group many buttons together into a pill. You can use this option to specify where the button is within this set. Set the option to Default if this button is not part of a button set.

      • Default
      • First Button
        Use this for the start of a pill button.
      • Inner Button
      • Last Button
    • Advanced

      Width

      Sets the width of the button.

      • Auto - Default
      • Stretch
        Stretches button to fill container
    • Advanced

      Spacing Left

      Controls the spacing to the left of the button.

      • Default
      • Small
      • Large
    • Advanced

      Spacing Right

      Controls the spacing to the right of the button.

      • Default
      • Small
      • Large
    • Advanced

      Spacing Top

      Controls the spacing to the top of the button.

      • Default
      • Small
      • Large
    • Advanced

      Spacing Bottom

      Controls the spacing to the bottom of the button.

      • Default
      • Small
      • Large