NAME

Moonshine::Bootstrap::Component::Dropdown

SYNOPSIS

    $self->dropdown({
        mid => 'somethingUnique',
        button => {},
        ul => {},
        dropup => 1,
    });

options

mid

Id that is used to link the button and hidden list

button

Used to create the button, check dropdown_button for options.

ul

Hidden list, that will be shown on click, check dropdown_ul for options.

dropup

Change position of dropdown menu via base_element div class - dropdown, dropup,

Sample Output

    <div class="dropdown">
      <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
        Dropdown
        <span class="caret"></span>
      </button>
      <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li role="separator" class="divider"></li>
        <li><a href="#">Separated link</a></li>
      </ul>
    </div>