Panels

Use the [panel_box] shortcode to create panels. You can also use the [panel] shortcode to create a panel box without a border.

[panel]
[heading size="h3"]Panel Title[/heading]
Your content here
[/panel]

In each of these examples, we've nested the panel code within the column grids.

Style modifiers

You can add style modifiers uk-panel-box-primary and uk-panel-box-secondary to change the visual appearance of the panel. You can also add the uk-panel-title to the heading to adapt the heading styling to the panel.

[panel style="uk-panel-box-primary"]
[heading size="h3" style="uk-panel-title"]Panel Title[/heading]
Your content here
[/panel]

Panel title with Icons

You can also add icons to the panels by using the [icon] shortcode right next to the header.

[panel style="uk-panel-box-primary"]
[heading size="h3" style="uk-panel-title"][icon style="icon-envelope-o"/] Panel Title[/heading]
Your content here
[/panel]