Admin Dashboard

Sidebar menus

Button

The button styles


Examples

These are original button without any class.

Buttons with class.

Source


                    

Buttons that is link.

Source


                    

Active state

Add active class to act as active state.

Disabled state

Add disabled class to act as disabled state.

Disabled buttons that is link.

Default Primary Info Danger Warning Success

Sizes

Tiny size by add tiny class to button element.

Small size by add small class to button element.

Large size by add large class to button element.


Button with dropdown

The dropdown button uses Popper.js to position the dropdown items.

Source


                    

Sizes

Add tiny, small, large class to the button element that contain rd-button class to change its size.

Source


                    

Placements

Add data-placement attribute into button that contain class="dropdown-toggler". Accept values please see this document.

Source


                    

Dynamically activate button with dropdown


Button group

Source