Contentstack Styleguide

Source: 2_Buttons/buttons.less, line 1

2.1 #Buttons.Buttons Buttons

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Depending on the type of action that is designated to a button, we have the following button styles.

Examples
Default styling
.btn.cs-btn-primary
Primary action
.btn.cs-btn-transparent
Secondary action
.btn.cs-btn-success
Success action
.btn.cs-btn-warning
Warning button
.btn.cs-btn-error
Error button
.btn.cs-btn-circle
Circle button
Markup
<button class="[modifier class]">Action</button>
<button class="[modifier class]" disabled="">Disabled</button>
Source: 2_Buttons/buttons.less, line 7