mirror of
https://github.com/status-im/consul.git
synced 2025-01-26 05:29:55 +00:00
f3efde3843
* Create and use collapsible notices * Refactor collapsible-notices * Split up the topology acceptance tests * Add acceptance tests for tproxy notices * Add component file * Adds additional TProxy notices tests * Adds conditional to only show collapsable if more than 2 notices are present * Adds changelog * Refactorting the conditonal for collapsing the notices * Renaming undefinedIntention to be notDefinedIntention * Refactor tests
66 lines
1.0 KiB
Plaintext
66 lines
1.0 KiB
Plaintext
# CollapsibleNotices
|
|
|
|
Used as a wrapper to collapse the details of `<Notices/>`.
|
|
|
|
```hbs preview-template
|
|
<CollapsibleNotices>
|
|
<Notice
|
|
@type="error"
|
|
role="alert"
|
|
as |notice|>
|
|
<notice.Header>
|
|
<h3>Header</h3>
|
|
</notice.Header>
|
|
<notice.Body>
|
|
<p>
|
|
Body
|
|
</p>
|
|
</notice.Body>
|
|
</Notice>
|
|
<Notice
|
|
@type="info"
|
|
as |notice|>
|
|
<notice.Header>
|
|
<h3>Header</h3>
|
|
</notice.Header>
|
|
<notice.Body>
|
|
<p>
|
|
Body
|
|
</p>
|
|
</notice.Body>
|
|
<notice.Footer>
|
|
<p>
|
|
Footer
|
|
</p>
|
|
</notice.Footer>
|
|
</Notice>
|
|
<Notice
|
|
@type="warning"
|
|
as |notice|>
|
|
<notice.Header>
|
|
<h3>Header</h3>
|
|
</notice.Header>
|
|
<notice.Body>
|
|
<p>
|
|
Body
|
|
</p>
|
|
</notice.Body>
|
|
<notice.Footer>
|
|
<p>
|
|
Footer
|
|
</p>
|
|
</notice.Footer>
|
|
</Notice>
|
|
</CollapsibleNotices>
|
|
|
|
```
|
|
|
|
## Arguments
|
|
|
|
No arguments required. Wrap this component around the needed notices.
|
|
|
|
## See
|
|
|
|
- [Template Source Code](./index.hbs)
|
|
|
|
--- |