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". Accepted values please see this document.

Source

                    

Dynamically activate button with dropdown


Button group

Source