- UI Features
- Spinner Buttons
- Dashboard
-
Features
-
UI Features
- Color Library
- General Components
- Buttons
- Spinner Buttons
- Popover Confirmations
- Font Icons
- Social Icons
- Typography
- Tabs, Accordions & Navs
- Timeline 1
- Timeline 2
- Horizontal Timeline
- Tree View
- Page Progress Bar
- Block UI
- Bootstrap Growl Notifications
- Notific8 Notifications
- Toastr Notifications
- Bootbox Dialogs
- Metronic Alerts API
- Session Timeout
- User Idle Timeout
- Modals
- Extended Modals
- Tiles
- Date Paginator
- Nestable List
-
Components
- Date & Time Pickers
- Color Pickers 2
- Select2 Dropdowns
- Bootstrap Select
- Multi Select
- Select Splitter
- Typeahead Autocomplete
- Bootstrap Tagsinput
- Bootstrap Switch 6
- Bootstrap Maxlength
- Bootstrap File Input
- Bootstrap Touchspin
- Form Widgets & Tools
- Context Menu
- Markdown & WYSIWYG Editors
- Code Editors
- Ion Range Sliders
- NoUI Range Sliders
- Knob Circle Dials
- Form Stuff
- Elements
- Tables
- Portlets
- Charts
- Maps
-
Layouts
- Blank Page
-
Pages
- eCommerce
- Apps
- User
- General
- System
- Multi Level Menu
Spinner Buttons
To use the spinner effect, please include these 2 classes:
.mt-ladda-btnand
.ladda-buttonto your button element. Then please include one of the many the spinner stlyes
data-style="expand-left"to the button element. Finally, add a
spantag with the class
.ladda-labelfor the button label. For more info on spinner buttons, please visit: http://msurguy.github.io/ladda-bootstrap/
Square Buttons
Click on buttons to view spinner in action
Buttons
Outline Buttons
Icon Buttons
Button Sizes
Progress Button Spinners
Circle Buttons
Click on buttons to view spinner in action