[bsg_title size= »2″ align= »left » underline= »no »]Standard Buttons[/bsg_title]
| Style | Info | Example |
|---|---|---|
| Primary | Blue | [bsg_button type= »two » size= » » block= »no » disabled= »no » link= »# » target= » » tooltip_enabled= »no »]Button[/bsg_button] |
| Dark | Black | [bsg_button type= »three » size= » » block= »no » disabled= »no » link= »# » target= » » tooltip_enabled= »no »]Button[/bsg_button] |
| Transparent White | Transparent – White Border | [bsg_button type= »one » size= » » block= »no » disabled= »no » link= »# » target= » » tooltip_enabled= »no »]Button[/bsg_button] |
| Transparent Blue | Transparent – Blue Border | [bsg_button type= »four » size= » » block= »no » disabled= »no » link= »# » target= » » tooltip_enabled= »no »]Button[/bsg_button] |
| Link | Transparent | [bsg_button type= »link » size= » » block= »no » disabled= »no » link= »# » target= » » tooltip_enabled= »no »]Button[/bsg_button] |
[bsg_toggle trigger_text= »Show Code » trigger_icon= »plusminus » opened= »no »]
[[bsg_button type="one|two|three|four|link" size="" block="no" disabled="no" link="#" target="" tooltip_enabled="no"]Button[/bsg_button]]
[/bsg_toggle]
[bsg_divider style= »none » margin_top= »30″ margin_bottom= »30″ icon_font= »font-awesome »]
[bsg_title size= »2″ align= »left » underline= »no »]Bootstrap Buttons[/bsg_title]
| Style | Info | Example |
|---|---|---|
| Default | White | [bsg_button type= »default » size= » » block= »no » disabled= »no » link= »# » target= » » tooltip_enabled= »no » tooltip= » »]Button[/bsg_button] |
| Primary | Blue | [bsg_button type= »primary » size= » » block= »no » disabled= »no » link= »# » target= » » tooltip_enabled= »no » tooltip= » »]Button[/bsg_button] |
| Success | Green | [bsg_button type= »success » size= » » block= »no » disabled= »no » link= »# » target= » » tooltip_enabled= »no » tooltip= » »]Button[/bsg_button] |
| Info | Turquoise | [bsg_button type= »info » size= » » block= »no » disabled= »no » link= »# » target= » » tooltip_enabled= »no » tooltip= » »]Button[/bsg_button] |
| Warning | Orange | [bsg_button type= »warning » size= » » block= »no » disabled= »no » link= »# » target= » » tooltip_enabled= »no » tooltip= » »]Button[/bsg_button] |
| Danger | Red | [bsg_button type= »danger » size= » » block= »no » disabled= »no » link= »# » target= » » tooltip_enabled= »no » tooltip= » »]Button[/bsg_button] |
[bsg_toggle trigger_text= »Show Code » trigger_icon= »plusminus » opened= »no »]
[[bsg_button type="default|primary|success|info|Danger|danger" size="" block="no" disabled="no" link="#" target="" tooltip_enabled="no" tooltip=""]Button[/bsg_button]]
[/bsg_toggle]
[bsg_divider style= »none » margin_top= »30″ margin_bottom= »30″ icon_font= »font-awesome »]
[bsg_title size= »2″ align= »left » underline= »no »]Sizes[/bsg_title]
[bsg_button type= »two » size= »lg » block= »no » disabled= »no » link= »# » target= » » tooltip_enabled= »no » tooltip= » »]Large[/bsg_button]
[bsg_button type= »two » size= » » block= »no » disabled= »no » link= »# » target= » » tooltip_enabled= »no » tooltip= » »]Default[/bsg_button]
[bsg_button type= »two » size= »sm » block= »no » disabled= »no » link= »# » target= » » tooltip_enabled= »no » tooltip= » »]Small[/bsg_button]
[bsg_button type= »two » size= »xs » block= »no » disabled= »no » link= »# » target= » » tooltip_enabled= »no » tooltip= » »]Extra Small[/bsg_button]
[bsg_divider style= »none » margin_top= »5″ margin_bottom= »5″ icon_font= »font-awesome »]
[bsg_toggle trigger_text= »Show Code » trigger_icon= »plusminus » opened= »no »]
[[bsg_button type="two" size="lg|sm|xs" block="no" disabled="no" link="#" target="" tooltip_enabled="no" tooltip=""]Button[/bsg_button]]
[/bsg_toggle]
[bsg_divider style= »none » margin_top= »30″ margin_bottom= »30″ icon_font= »font-awesome »]
[bsg_title size= »2″ align= »left » underline= »no »]With Tooltip[/bsg_title]
[bsg_button type= »two » size= » » block= »no » disabled= »no » link= »# » target= » » tooltip_enabled= »yes » tooltip= »Nunc interdum lacus sit amet orci. Phasellus tempus. »]Tooltip[/bsg_button]
[bsg_divider style= »none » margin_top= »5″ margin_bottom= »5″ icon_font= »font-awesome »]
[bsg_toggle trigger_text= »Show Code » trigger_icon= »plusminus » opened= »no »]
[[bsg_button type="TYPE" size="" block="no" disabled="no" link="#" target="" tooltip_enabled="yes|no" tooltip="TOOLTIP_CONTENT"]BUTTON_TEXT[/bsg_button]]
[/bsg_toggle]
[bsg_divider style= »none » margin_top= »30″ margin_bottom= »30″ icon_font= »font-awesome »]
[bsg_title size= »2″ align= »left » underline= »no »]Disabled[/bsg_title]
[bsg_button type= »two » size= » » block= »no » disabled= »yes » link= »# » target= » » tooltip_enabled= »no » tooltip= » »]Disabled[/bsg_button]
[bsg_divider style= »none » margin_top= »5″ margin_bottom= »5″ icon_font= »font-awesome »]
[bsg_toggle trigger_text= »Show Code » trigger_icon= »plusminus » opened= »no »]
[[bsg_button type="TYPE" size="" block="no" disabled="yes|no" link="#" target="" tooltip_enabled="no" tooltip=""]BUTTON_TEXT[/bsg_button]]
[/bsg_toggle]
[bsg_divider style= »none » margin_top= »30″ margin_bottom= »30″ icon_font= »font-awesome »]
[bsg_title size= »2″ align= »left » underline= »no »]Full Width[/bsg_title]
[bsg_button type= »two » size= » » block= »yes » disabled= »no » link= »# » target= » » tooltip_enabled= »no » tooltip= » »]Full Width[/bsg_button]
[bsg_divider style= »none » margin_top= »5″ margin_bottom= »5″ icon_font= »font-awesome »]
[bsg_toggle trigger_text= »Show Code » trigger_icon= »plusminus » opened= »no »]
[[bsg_button type="TYPE" size="" block="yes|no" disabled="no" link="#" target="" tooltip_enabled="no" tooltip=""]BUTTON_TEXT[/bsg_button]]
[/bsg_toggle]