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>
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>
A short text.