Hogo – Creative Admin Multipurpose Responsive Bootstrap4 Dashboard HTML Template

Alison
Upgrade
Support Add New
Events Settings

### Default Button

Default Primary Secondary Success Info Warning Danger

### Disabled buttons

Default Primary Secondary Success Info Warning Danger

### Square buttons

Default Primary Secondary Success Info Warning Danger

### Rounded buttons

Default Primary Secondary Success Info Warning Danger

### Btn Outline buttons

Default Primary Secondary Success Info Warning Danger

### Btn Outline Disabled buttons

Default Primary Secondary Success Info Warning Danger

### App buttons

Edit Play Pause Save Notifications Users Orders Inbox Likes

### Button with icon

### Button with icon-loader

### Button size

### Social buttons

### Color variations

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

### Social buttons

### Icon buttons

### 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.

### 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.

### 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-right` modifiers to alter the alignment.

Save changes Save and continue Cancel