Examples

The class is set to `.panel-default`, by default:

    %= panel

    <div class="panel panel-default">
        <div class="panel-body">
        </div>
    </div>

If you want a panel without title, set the title to `undef`:

    %= panel undef ,=> begin
        <p>A short text.</p>
    %  end

    <div class="panel panel-default">
        <div class="panel-body">
            <p>A short text.</p>
        </div>
    </div>

A short text.

    <%= panel 'The Header', -header => [
                            buttongroup => [buttons => [
                                ['Click me', ['#'], data => { holder => 'claw'}],
                                ['Tap-tap', ['#'], caret, items => [
                                    ['Me too', ['#']]
                                ]],
                            ]]] => begin %>
        <p>A short text.</p>
    %  end

    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">
                <div class="btn-group pull-right">
                    <a class="btn btn-default" data-holder="claw" href="#">Click me</a>
                    <div class="btn-group">
                        <a type="button" href="#" data-toggle="dropdown" class="btn btn-default dropdown-toggle">Tap-tap <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a tabindex="-1" href="#" class="menuitem">Me too</a></li>
                        </ul>
                    </div>
                </div>The Header</h3>
        </div>
        <div class="panel-body">
            <p>A short text.</p>
        </div>
    </div>

###
Click me
Tap-tap
The Header

A short text.

A `success` panel with a header:

    %= panel 'Panel 5', success, begin
        <p>A short text.</p>
    %  end

    <div class="panel panel-success">
        <div class="panel-heading">
            <h3 class="panel-title">Panel 5</h3>
        </div>
        <div class="panel-body">
            <p>A short text.</p>
        </div>
    </div>

### Panel 5

A short text.