General Buttons | Unify - Responsive Website Template

Info! Here is Default Unify Buttons.

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

Heads up! Here is default Bootstrap buttons.

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

Button Icons

Button Sizes

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.

Disabled State

- Add the .disabled class to a buttons.

- Add the disabled attribute to button buttons.

Primary link Link

Rounded 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

Dropdown Buttons

- Bootstrap button dropdowns

- Unify button dropdowns

- Split button dropdowns with icons

- Unify split button dropdowns with icons

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.

Typography & Components

Buttons & Icons

Common elements

Forms & Infographics