Button

For the Button you can define different styles and sizes and and link it to a URL.

Examples

[bsv-button style="info" size="xs"]X Small[/bsv-button]
[bsv-button customtextcolor="#ffffff" custombgcolor="#000099"]Custom Blue[/bsv-button]
[bsv-button style="success" link="https://www.lewe.com" target="_blank" outline="yes" tooltip="Go to Lewe.com..."]Lewe.com[/bsv-button]

Format

[bsv-button parameter="value" ...]your content here[/bsv-button]

Parameters

ParameterDescriptionDefault

style

Defines the Bootstrap style. Supported values:

  • danger

  • dark

  • info

  • light

  • primary

  • secondary

  • success

  • warning

primary

size

Button size other than default. Supported values:

  • xs

  • sm

  • lg

no value

link

The button can link to a URL. Define it here.

no value

target

If a link is defined, this defines the target of the link. Supported values:

  • _blank

  • _parent

  • _self

  • _top

_self

tooltip

If a link is defined, this defines the tooltip of the button.

no value

outline

Displays the button in outline style. Supported values:

  • no

  • yes

This does not work in combination with ‘customtextcolor’ or ‘custombgcolor’.

no

customtextcolor

If you want to change the text color of the button style you can do it here by proividng the hex color code in CSS format, e.g. #99000.

no value

custombgcolor

If you want to change the background color of the button style you can do it here by proividng the hex color code in CSS format, e.g. #000099.

no value

Last updated