NAME

Moonshine::Bootstrap::Component::DropdownUl

SYNOPSIS

dropdown_ul

$self->dropdown_ul(
     class => 'extra-css',
     alignment => 'right',
     separators => [4],
     headers => [
         {
             index => 4,
             data => 'Title',
         }
     ]
     items => [
         {
             heading => 1,
             data => 'Title',
         }
         {
             link => '#',
             data => 'Action',
         },
         {
             link => '#',
             data => 'Another',
         },
         {
             link => '#',
             data => 'Something else here',
         },
         {
             separator => 1
         },
         {
             link => '#',
             data => 'Separated link',
         }
     ],
 );

Options

class

defaults to dropdown-menu

aira_lebelledby

Required

children

Arrayref that gets used to build linked_li's

Separators

Add a divider to separate series of links in a dropdown menu

   <ul class="dropdown-menu" aria-labelledby="dropdownMenuDivider">
     ...
     <li role="separator" class="divider"></li>
     ...
   </ul> 

alignment

Change alignment of dropdown menu

   <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel">
       ...
   </ul>

Sample Output

<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>