--- layout: documentation doc-tab: components doc-subtab: panel --- {% include subnav-components.html %}

Panel

A composable panel, for compact controls

The panel is container for several types:

panel-heading as the first child
panel-tabs for navigation
panel-block which can contain other elements, like:
- control
- input
- button
- panel-icon

The panel-block can be an anchor tag <a> or a label <label> with a checkbox inside.

{% capture panel_example %} {% endcapture %}

{% highlight html %} {{panel_example}} {% endhighlight %}