--- title: Panel layout: documentation doc-tab: components doc-subtab: panel --- {% capture panel_example %} {% endcapture %} {% include subnav-components.html %}

Panel

A composable panel, for compact controls

{% include meta.html colors=false sizes=false variables=true %}

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.

{% include snippet.html content=panel_example size="one-third" %} {% include variables.html type='component' %}