blob: 9868b1419f30d4bb9109295c6cfffeddc425503f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
+++
title = "Panel"
description = ""
weight = 8
+++
Draw your visitor's attention by separating information from the rest of the page using a panel. Convey meaning to this information by using colors implying danger, warning, success or info in a similar fashion as alerts.
{{< panel title="I'm important" style="danger" >}}
Be sure to read me, I might have important information for you.
{{< /panel >}}
## Usage
Simply place the following shortcode on the page
{{< code lang="html" >}}
{{</* panel title="TITLE" style="STYLE" */>}} [content] {{</* /panel */>}}
{{< /code >}}
### Parameters
#### Style
The style parameter is directly applied to the alert as a class in the format *"border-{STYLE}"*. Bootstrap comes with a variety of styles that can be used with this:
- primary
- secondary
- danger
- warning
- success
- info
Example: <code>style="danger"</code>.
#### Title
The title paramter defines the text shown as a title in the panel. It will have the same color as the style.
Example: <code>title="I'm important"</code>.
|
