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---