@extends('layouts.master') @section('title')Unikit @endsection @section('body-start') @endsection @section('content') @section('breadcrumb') @component('components.breadcrumb') @slot('li_1') UI Kit @endslot @slot('title') Dropdowns @endslot @endcomponent @endsection

Variant

The best part is you can do this with any button variant, too:

Dropdown Outline

The best part is you can do this with any button variant, too:

Split Button Dropdowns

The best part is you can do this with any button variant, too:

Split Outline Button Dropdowns

The best part is you can do this with any button variant, too:

Variant Rounded Circle

The best part is you can do this with any button variant, too:

Outline Rounded Circle Dropdowns

The best part is you can do this with any button variant, too:

Soft Dropdown Examples

The best part is you can do this with any button variant, too:

Squeare Dropdowns Examples

The best part is you can do this with any button variant, too:

Outline Border Dropdowns Examples

The best part is you can do this with any button variant, too:

Skew Dropdowns Examples

The best part is you can do this with any button variant, too:

Sizing Dropdowns Examples

Button dropdowns work with buttons of all sizes, including default and split dropdown buttons.

Single Dropdown Example

The best part is you can do this with any button variant, too:

Dropup Variation Examples

Trigger dropdown menus above elements by adding .dropup to the parent element.

Dropend Variation Examples

Trigger dropdown menus at the right of the elements by adding .dropend to the parent element.

Menu Alignment

Add .dropdown-menu-end to a .dropdown-menu to right align the dropdown menu.

Dropstart Variation Examples

Trigger dropdown menus at the right of the elements by adding .dropstart to the parent element.

@endsection @section('script') @endsection @section('body-end') @endsection