Barebone\Bootstrap\Dropdown

Source

<?php
    $dropdown = new Barebone\Bootstrap\Dropdown('Dropdown', 'primary');
    $dropdown->addHeader('Header actions');
    $dropdown->addItem('Action', '#');
    $dropdown->addItem('Another action', '#');
    $dropdown->addItem('Something else here', '#');
    echo $dropdown;
Example
<div class="btn-group">
<div class="btn-group">
<button class="btn btn-primary dropdown-toggle" type="button" id="ddbtn6aa117939b1eb" data-toggle="dropdown">
Dropdown<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="ddbtn6aa117939b1eb">
<li role="presentation" class="dropdown-header">Header actions</li>
<li role="menuitem" tabindex="-1">
<a href="#">Action</a>
</li>
<li role="menuitem" tabindex="-1">
<a href="#">Another action</a>
</li>
<li role="menuitem" tabindex="-1">
<a href="#">Something else here</a>
</li>
</ul>
</div>
</div>
<div class="btn-group">
<div class="btn-group">
<button class="btn btn-danger dropdown-toggle" type="button" id="ddbtn6aa117939b1fb" data-toggle="dropdown">
Dropdown<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="ddbtn6aa117939b1fb">
<li role="presentation" class="dropdown-header">Header actions</li>
<li role="menuitem" tabindex="-1">
<a href="#">Action</a>
</li>
<li role="menuitem" tabindex="-1">
<a href="#">Another action</a>
</li>
<li role="menuitem" tabindex="-1">
<a href="#">Something else here</a>
</li>
</ul>
</div>
</div>

Sizing

Button dropdowns work with buttons of all sizes.

<?php
    $dropdown = new Barebone\Bootstrap\Dropdown('Dropdown', 'primary');
    $dropdown->addHeader('Header actions');
    $dropdown->addItem('Action', '#');
    $dropdown->addItem('Another action', '#');
    $dropdown->addItem('Something else here', '#');
    echo $dropdown;
Example
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle btn-lg" type="button" id="ddbtn6aa117939b335" data-toggle="dropdown">
Large button<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="ddbtn6aa117939b335">
<li role="presentation" class="dropdown-header">Header actions</li>
<li role="menuitem" tabindex="-1">
<a href="#">Action</a>
</li>
<li role="menuitem" tabindex="-1">
<a href="#">Another action</a>
</li>
<li role="menuitem" tabindex="-1">
<a href="#">Something else here</a>
</li>
</ul>
</div>
<div class="dropdown">
<button class="btn btn-danger dropdown-toggle btn-sm" type="button" id="ddbtn6aa117939b351" data-toggle="dropdown">
Small button<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="ddbtn6aa117939b351">
<li role="presentation" class="dropdown-header">Header actions</li>
<li role="menuitem" tabindex="-1">
<a href="#">Action</a>
</li>
<li role="menuitem" tabindex="-1">
<a href="#">Another action</a>
</li>
<li role="menuitem" tabindex="-1">
<a href="#">Something else here</a>
</li>
</ul>
</div>
<div class="dropdown">
<button class="btn btn-warning dropdown-toggle btn-xs" type="button" id="ddbtn6aa117939b35b" data-toggle="dropdown">
Extra small<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="ddbtn6aa117939b35b">
<li role="presentation" class="dropdown-header">Header actions</li>
<li role="menuitem" tabindex="-1">
<a href="#">Action</a>
</li>
<li role="menuitem" tabindex="-1">
<a href="#">Another action</a>
</li>
<li role="menuitem" tabindex="-1">
<a href="#">Something else here</a>
</li>
</ul>
</div>
  • Barebone\Bootstrap\Dropdown

    Barebone\Bootstrap\Dropdown extends Barebone\Bootstrap\Element
    • [P] $_id : mixed
    • [P] $button : mixed
    • [P] $menu : mixed
    • [M] __construct( $caption, $contextual ) : void
    • [M] addItem( $caption, $href ) : void
    • [M] addHeader( $caption ) : void
    • [M] large() : void
    • [M] small() : void
    • [M] extrasmall() : void
    • [M] asBtnGroup() : void
    • [M] dropup() : void
    • Barebone\Bootstrap\Element

      Barebone\Bootstrap\Element extends Barebone\HTML\TElement
      • [M] __construct( string $tag, array $attributtes ) : void
      • [M] muted( string $context ) : void
        ↳ trait: Barebone\Bootstrap\Traits\Contextual
      • [M] primary( string $context ) : void
        ↳ trait: Barebone\Bootstrap\Traits\Contextual
      • [M] success( string $context ) : void
        ↳ trait: Barebone\Bootstrap\Traits\Contextual
      • [M] info( string $context ) : void
        ↳ trait: Barebone\Bootstrap\Traits\Contextual
      • [M] warning( string $context ) : void
        ↳ trait: Barebone\Bootstrap\Traits\Contextual
      • [M] danger( string $context ) : void
        ↳ trait: Barebone\Bootstrap\Traits\Contextual
      • [M] align( string $alignement ) : void
        ↳ trait: Barebone\Bootstrap\Traits\Visibility
      • [M] invisible() : void
        ↳ trait: Barebone\Bootstrap\Traits\Visibility
      • [M] hide() : void
        ↳ trait: Barebone\Bootstrap\Traits\Visibility
      • [M] show() : void
        ↳ trait: Barebone\Bootstrap\Traits\Visibility
      • [M] tooltip( string $tooltip, string $placement ) : void
        ↳ trait: Barebone\Bootstrap\Traits\Interactive
      • [M] popover( string $title, string $content, string $placement ) : void
        ↳ trait: Barebone\Bootstrap\Traits\Interactive
      • Barebone\HTML\TElement

        Barebone\HTML\TElement
        • [P] $tag : string
        • [P] $innertext : string
        • [P] $children : array
        • [P] $attributes : array
        • [P] $non_closing_tags : mixed
        • [M] __construct( string $tag, array $attributes ) : void
        • [M] append( Barebone\HTML\TElement $element ) : void
        • [M] prepend( Barebone\HTML\TElement $element ) : void
        • [M] class_exists( $cssclass ) : void
        • [M] add_class( $cssclass ) : void
        • [M] remove_class( $cssclass ) : void
        • [M] innertext( string $value ) : void
        • [M] data( string $name, string $value ) : void
        • [M] aria( string $name, string $value ) : void
        • [M] on( string $event, string $callback ) : void
        • [M] css( string $identifier, string $rule ) : void
        • [M] wrap( string $tagname, array $attributes ) : void
        • [M] enable() : void
        • [M] disable() : void
        • [M] has_closing_tag() : void
        • [M] has_children() : void
        • [M] count_children() : void
        • [M] get_children() : void
        • [M] replace_child( $key, $new_child ) : void
        • [M] get_child( $key ) : void
        • [M] __unset( $name ) : void
        • [M] __isset( $name ) : void
        • [M] __set( $name, $value ) : void
        • [M] __get( $name ) : void
        • [M] render() : void
        • [M] __toString() : string
        • [M] editable() : void