patternfly-elements/elements/pf-alert/demo/plain.html at 8e2cd9e037c3db2cfd7760d0834bc32b87332cf9 · patternfly/patternfly-elements · GitHub

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
<link rel="stylesheet" href="demo.css">
<script type="module" src="pf-alert.js"></script>

<h1>
    Plain
</h1>

<pf-alert header="Default plain" plain></pf-alert>
<pf-alert variant="info" header="Info plain" plain></pf-alert>
<pf-alert variant="success" header="Success plain" plain dismissable>
  <p>Success alert description. This should tell the user more information about the alert. <a href="#">This is a link.</a></p>
  <button slot="actions">Ignore</button>
</pf-alert>
<pf-alert variant="warning" header="Warning plain" plain></pf-alert>
<pf-alert variant="danger" header="Danger plain" plain></pf-alert>

<h1>
    Inline Plain
</h1>

<pf-alert header="Default inline" inline plain></pf-alert>
<pf-alert variant="info" header="Info inline" inline plain></pf-alert>
<pf-alert variant="success" header="Success inline" inline plain></pf-alert>
<pf-alert variant="warning" header="Warning inline" inline plain></pf-alert>
<pf-alert variant="danger" header="Danger inline" inline plain></pf-alert>