Floating Buttons
Floating action buttons are used for a special type of promoted action. They are distinguished by a circled icon floating above the UI and have special motion behaviors related to morphing, launching, and the transferring anchor point.
Buttons options | Class | Description |
---|---|---|
Floating button | .btn-float |
To create floating button. |
Floating button also use, .btn-round, .btn-square, btn-outline-*
, etc...
Social Buttons
Get Social buttons classes and descriptions below
Buttons options | Class | Description |
---|---|---|
Social button | .btn.btn-social |
To create basic social button. |
Social button with color | .btn-* |
To match button color with social colors use classes like .btn-facebook, btn-twitter, etc... |
Social button block | .btn-block |
To create social block button. |
Social button sizes | .btn-[lg/sm/xs] |
To create social block button. |
Social outline button | .btn-outline-* |
To match button outline with social colors use classes like .btn-outline-facebook, btn-outline-twitter, etc... |
Ladda Buttons
This UI concept which merges loading indicators into the action that invoked them. Primarily intended for use with forms where it gives users immediate feedback upon submit rather than leaving them wondering while the browser does its thing.
Ladda buttons must be given the class .ladda-button
and the button label needs to have the .ladda-label
class. The ladda-label will be automatically created if it does not exist in the DOM. Below is an example of a button which will use the expand-right animation style.
Referrals :
Type | URL |
---|---|
Template Page | https://modernadmin.evolvision.com/components/extended-buttons |