Skip to content

Latest commit

 

History

History
83 lines (65 loc) · 2.05 KB

button.md

File metadata and controls

83 lines (65 loc) · 2.05 KB

Button

Bootstrap provides different styles of buttons that can link to any target.

Example usage

{{#bootstrap_button: target | .. }}

Allowed Attributes

The following attributes can be used inside the parser function:

active
Makes the button to appear pressed.

You can also set this attribute to any no value, in which case it is ignored.

class
Adds this string to the class attribute of the component. If you want to add multiple classes, separate them by a space.
color
Sets the color for this component. See bootstrap's [color documentation](https://getbootstrap.com/docs/4.1/utilities/colors/) for more information.

Allowed Values are

  • default
  • primary
  • secondary
  • success
  • danger
  • warning
  • info
  • light
  • dark
  • white
disabled
Disables the button visually and functionally.

You can also set this attribute to any no value, in which case it is ignored.

id
Sets the id of the component to this value. See to it, that it is unique.
outline
Removes all background color an images from the button, making it less dominant in appearance

You can also set this attribute to any no value, in which case it is ignored.

size
You can choose a size for your button. Possible options are:
  • sm
  • md (default)
  • lg
style
Adds this string to the style attribute of the component. If you want to add multiple css styles, separate them by a semicolon.
text
This text will be displayed on the button. If omitted, the target is used.

If you supply an image tag, it is stripped of any link tags and then be used inside the button. Best use a transparent image or match image background with button color.

Links