1# CollapsibleNotices
2
3Used as a wrapper to collapse the details of `<Notices/>`.
4
5```hbs preview-template
6<CollapsibleNotices>
7  <Notice
8    @type="error"
9    role="alert"
10  as |notice|>
11    <notice.Header>
12      <h3>Header</h3>
13    </notice.Header>
14    <notice.Body>
15      <p>
16        Body
17      </p>
18    </notice.Body>
19  </Notice>
20  <Notice
21    @type="info"
22  as |notice|>
23    <notice.Header>
24      <h3>Header</h3>
25    </notice.Header>
26    <notice.Body>
27      <p>
28        Body
29      </p>
30    </notice.Body>
31    <notice.Footer>
32      <p>
33        Footer
34      </p>
35    </notice.Footer>
36  </Notice>
37  <Notice
38    @type="warning"
39  as |notice|>
40    <notice.Header>
41      <h3>Header</h3>
42    </notice.Header>
43    <notice.Body>
44      <p>
45        Body
46      </p>
47    </notice.Body>
48    <notice.Footer>
49      <p>
50        Footer
51      </p>
52    </notice.Footer>
53  </Notice>
54</CollapsibleNotices>
55
56```
57
58## Arguments
59
60No arguments required. Wrap this component around the needed notices.
61
62## See
63
64- [Template Source Code](./index.hbs)
65
66---