# Dropdown

Dropdown component is slightly modified to make it more beautiful. Let's have a glance.

To create a dropdown with split button use variant="outline-outline-{color}" prop with your dropdown toggle.

You can check demo in "Outline" card on this (opens new window) page.

# Flat Dropdown

To create a flat dropdown use variant="flat-{color}" with your <b-dropdown>

You can check demo in "Flat" card on this (opens new window) page.

# Gradient Dropdown

To create a gradient dropdown use variant="gradient-{color}" prop with your <b-dropdown>

You can check demo in "Gradient" card on this (opens new window) page.

We have provided .dropdown-icon-wrapper class for dropdown with icon which is hide caret icon in button.

You can check demo in "Variation" card on this (opens new window) page.

Last Updated: 11/16/2022, 12:36:59 PM