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
Parameter
Description
Default
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

Parameter	Description	Default
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

Blockquote

Button Group

Last modified 11mo ago