--- title: Panel layout: docs theme: library doc-tab: components doc-subtab: panel breadcrumb: - home - documentation - components - components-panel meta: colors: true sizes: false variables: true --- {% capture panel_example %} {% endcapture %}

The panel is a container for several types:

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

{% include docs/elements/snippet.html content=panel_example more=true %} {% include docs/elements/anchor.html name="Colors" %}

The panel component is available in all the different colors defined by the $colors Sass map. Simply append one of the color modifiers.

For example, to use your primary color, use "panel is-primary" as a class.

{% for color in site.data.colors.justColors %} {% capture foobar %}

{{ color | capitalize }}

All Public Private Sources Forks

bulma marksheet minireset.css jgthms.github.io
{% endcapture %} {% include docs/elements/snippet.html content=foobar more=true %} {% endfor %}