General Buttons

Use a classes btn btn-success to quickly create a General btn.

Button with outline

Use a classes btn btn-outline-success to quickly create a General btn.

Rounded Buttons

Use a classes btn btn-rounded btn-success to quickly create a General btn.

Rounded outlined Buttons

Use a classes btn btn-rounded btn-outline-success to quickly create a General btn.

Button Sizes

Use a classes btn btn-lg btn-success to quickly create a General btn.

Button Sizes with rounded

Use a classes btn btn-lg btn-rounded btn-success to create a btn.

Block buttons

Use a classes btn btn-block btn-success to quickly create a General btn.

Rounded Block buttons

Use a classes btn btn-block btn-success to quickly create a General btn.

Block outline buttons

Use a classes btn btn-block btn-outline-success to quickly create a General btn.

Rounded outline Block buttons

Use a classes btn btn-block btn-outline-success to quickly create a General btn.

Large Block buttons

Use a classes btn btn-block btn-lg btn-success to quickly create a General btn.

Button with icon

Use a classes btn btn-success & i class ="fa fa-heart" to quickly create a General btn.

Circle buttons

Use a classes btn btn-circle btn-success to quickly create a General btn.


Circle Large buttons

Use a classes btn btn-circle btn-lg btn-success to quickly create a General btn.


Circle xtra Large buttons

Use a classes btn btn-circle btn-xl btn-success to quickly create a General btn.

Social buttons

Use a classes btn btn-facebook to quickly create a General btn.


With Circle buttons

Use a classes btn btn-circle btn-success to quickly create a General btn.


with rounded buttons

Use a classes btn btn-rounded btn-success to quickly create a General btn.

Group buttons

Wrap a series of buttons with .btn in .btn-group

Button toolbar pagination

Wrap a series of buttons with .btn in .btn-group

Group buttons sizing

Wrap a series of buttons with .btn in .btn-group

Vertical buttons

creat vertical button with class of .btn-group-vertical

Checkbox buttons

{{model | json}}

Checkbox buttons(Reactive Forms)

{{checkboxGroupForm.value | json}}

Radio Buttons

{{model1}}

Radio Buttons(Reactive Forms)

{{radioGroupForm.value['model']}}