@extends('layouts.master') @section('page-css') @endsection @section('main-content')

Dropdown

Basic Examples
Single button dropdowns:
Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Single button dropdowns:
Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Button state dropdowns:
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Single button dropdowns:
Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Single icon button dropdowns:
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Sizing
Button dropdowns work with buttons of all sizes, including default and split dropdown buttons.
Action Another Action Something Else Here
Action Another Action Something Else Here
Action Another Action Something Else Here
Dropup Variation
Trigger dropdown menus above elements by adding .dropup to the parent element.
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Dropdown Menu
You can optionally use button elements for your dropdowns items.
Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Add .dropdown-menu-right to a .dropdown-menu to right align the dropdown menu.
Add a header to label sections of actions in any dropdown menu.
Dropdown header
Action Another action Something else here
Separated link
Dropdown header
Action Another action Something else here
Separated link
Dropdown header
Action Another action Something else here
Separated link
Separate groups of related menu items with a divider.
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Add .disabled to items in the dropdown to style them as disabled.
Active link Disabled link Another link
Active link Disabled link Another link
Regular link Disabled link Active link
@endsection @section('page-js') @endsection