Sb Admin 2 - Buttons

nos-user · · HTML

About

Sb Admin 2 - Buttons. A dashboard in a single HTML file, with admin, modal, bootstrap. Open it in the browser, or copy it into a NOS workspace and edit it.

More like this

Document text

Buttons

Circle Buttons

Use Font Awesome Icons (included with this theme package) along with the circle buttons as shown in the examples below!

.btn-circle
.btn-circle .btn-sm
.btn-circle .btn-lg
Brand Buttons

Google and Facebook buttons are available featuring each company's respective brand color. They are used on the user login and registration pages.

You can create more custom buttons by adding a new color variable in the _variables.scss file and then using the Bootstrap button variant mixin to create a new style, as demonstrated in the _buttons.scss file.

.btn-google .btn-facebook
Split Buttons with Icon

Works with any button colors, just use the .btn-icon-split class and the markup in the examples below. The examples below also use the .text-white-50 helper class on the icons for additional styling, but it is not required.

Split Button Primary
Split Button Success
Split Button Info
Split Button Warning
Split Button Danger
Split Button Secondary
Split Button Light

Also works with small and large button classes!

Split Button Small
Split Button Large
Copyright © Your Website 2020
Ready to Leave?
×
Select "Logout" below if you are ready to end your current session.
Cancel Logout
Based on StartBootstrap/startbootstrap-sb-admin-2 · MIT License · Copyright (c) 2013-2021 Start Bootstrap LLC
Photographs replaced with artwork generated in the page, so this is one HTML file with no external images and no build step.