Button | class="" | Description |
---|---|---|
btn-u | Default Unify Template button style | |
btn-u btn-u-blue | Blue Button Style | |
btn-u btn-u-red | Red Button Style | |
btn-u btn-u-orange | Orange Button Style | |
btn-u btn-u-sea | Turquoise Button Style | |
btn-u btn-u-green | Green Button Style | |
btn-u btn-u-yellow | Yellow Button Style | |
btn-u btn-u-default | Grey Button Style | |
btn-u btn-u-dark | New Dark Button Style | |
btn-u btn-u-purple | New Purple Button Style | |
btn-u btn-u-aqua | New Aqua Button Style | |
btn-u btn-u-brown | New Brown Button Style | |
btn-u btn-u-dark-blue | New Dark Blue Button Style | |
btn-u btn-u-light-green | New Light Green Style |
Button | class="" | Description |
---|---|---|
btn btn-default | Standard gray button with gradient | |
btn btn-primary | Provides extra visual weight and identifies the primary action in a set of buttons | |
btn btn-info | Used as an alternative to the default styles | |
btn btn-success | Indicates a successful or positive action | |
btn btn-warning | Indicates caution should be taken with this action | |
btn btn-danger | Indicates a dangerous or potentially negative action | |
btn btn-link | Deemphasize a button by making it look like a link while maintaining button behavior |
Fancy larger or smaller buttons? Add .btn-lg
, .btn-sm
, or .btn-xs
for additional sizes.
Create block level buttons—those that span the full width of a parent— by adding .btn-block
.
- Add the .disabled
class to a
buttons.
- Add the disabled
attribute to button
buttons.
- Some rounded buttons examples. Add a class .rounded
to buttons
- Moreover, you can add more rounded classes such as .rounded
, .rounded-2x
, .rounded-3x
and .rounded-4x
to buttons
For Unify Split button dropdowns you should add a class btn-u-split-*
Et harum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat. Pellentesque viverra vehicula sem ut volutpat.