UNPKG

@patternfly/patternfly

Version:

Assets, source, tooling, and content for PatternFly 4

github.com/patternfly/patternfly

patternfly/patternfly

37 lines (30 loc) • 1.36 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
--- id: Banner section: components beta: true cssPrefix: pf-c-banner --- ## Examples ### Basic ```html <div class="pf-c-banner">Default banner</div> <br /> <div class="pf-c-banner pf-m-info">Info banner</div> <br /> <div class="pf-c-banner pf-m-danger">Danger banner</div> <br /> <div class="pf-c-banner pf-m-success">Success banner</div> <br /> <div class="pf-c-banner pf-m-warning">Warning banner</div> ``` ## 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. |