UNPKG

@patternfly/patternfly

Version:

Assets, source, tooling, and content for PatternFly 4

github.com/patternfly/patternfly

patternfly/patternfly

52 lines (40 loc) • 1.15 kB
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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
--- id: 'Banner' section: components beta: true cssPrefix: pf-c-banner --- ## Examples ### Basic ```hbs {{#> banner}} Default banner {{/banner}} <br> {{#> banner banner--modifier="pf-m-info"}} Info banner {{/banner}} <br> {{#> banner banner--modifier="pf-m-danger"}} Danger banner {{/banner}} <br> {{#> banner banner--modifier="pf-m-success"}} Success banner {{/banner}} <br> {{#> banner banner--modifier="pf-m-warning"}} Warning banner {{/banner}} ``` ## Documentation Add a modifier class to the default banner to change the presentation: `.pf-m-info`, `.pf-m-danger`, `.pf-m-success`, or `.pf-m-warning`. ### Usage | Class | Applied to | Outcome | | -- | -- | -- | | `.pf-c-banner` | `<div>` | Initiates a banner. **Required** | | `.pf-m-info` | `.pf-c-banner` | Modifies banner for info styles. | | `.pf-m-danger` | `.pf-c-banner` | Modifies banner for danger styles. | | `.pf-m-success` | `.pf-c-banner` | Modifies banner for success styles. | | `.pf-m-warning` | `.pf-c-banner` | Modifies banner for warning styles. | | `.pf-m-sticky` | `.pf-c-banner` | Modifies banner to be sticky to the top of its container. |