Projects

#### Buttons

### Default Button

Light Primary Secondary Success Info Warning Danger
Html

### Disabled buttons

Light Primary Secondary Success Info Warning Danger
Html

### Square buttons

Light Primary Secondary Success Info Warning Danger
Html

### Rounded buttons

Light Primary Secondary Success Info Warning Danger
Html

### Btn Outline buttons

Light Primary Secondary Success Info Warning Danger
Html

### Btn Outline Disabled buttons

Light Primary Secondary Success Info Warning Danger
Html

### Button with icon

Html

### Button with Svg icon

Html

### Button with icon-loader

Html

### Button size

Html

### Social buttons

Html

### Color variations

Blue Azure Indigo Purple Pink Red Orange Yellow Lime Green Teal Cyan Gray Dark gray
Html

### Social buttons

Html

### Icon buttons

Html

### Svg Icon Buttons

Html

### Button dropdown

Wrap the dropdown’s toggle using different colors and icons implemented in different dropdowns styles (your button or link) and the dropdown menu within `.dropdown`, or another element that declares `position: relative;`. Dropdowns can be triggered from `<a>` or `<button>` elements to better fit your potential needs.

Html

### Loading button

Add `.btn-loading` to use a loading state on a button. The width of the button depends on the length of the text inside Since the loading spinner is implemented using the element.

Html

### List of buttons

You can now create a list of buttons with the `.btn-list` container.

Save changes Save and continue Cancel

Use the `.text-center` modifiers to alter the alignment.

Save changes Save and continue Cancel

Use the `.text-end` modifiers to alter the alignment.

Save changes Save and continue Cancel
Html

### Group Buttons

Html

### Width Buttons

XS SM MD LG
Html