6d8dc8a09b
* ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
51 lines
887 B
Plaintext
51 lines
887 B
Plaintext
# Notice
|
|
|
|
Presentational component for informational/warning/error banners/notices.
|
|
|
|
|
|
```hbs preview-template
|
|
<Notice
|
|
@type={{this.type}}
|
|
as |notice|>
|
|
<notice.Header>
|
|
<h3>Header</h3>
|
|
</notice.Header>
|
|
<notice.Body>
|
|
<p>
|
|
Body
|
|
</p>
|
|
</notice.Body>
|
|
<notice.Footer>
|
|
<p>
|
|
<a href="">Footer link</a>
|
|
</p>
|
|
</notice.Footer>
|
|
</Notice>
|
|
|
|
<figure>
|
|
<figcaption>Provide a widget to change the <code>@type</code></figcaption>
|
|
|
|
<select
|
|
onchange={{action (mut this.type) value="target.value"}}
|
|
>
|
|
<option>info</option>
|
|
<option>success</option>
|
|
<option>warning</option>
|
|
<option>error</option>
|
|
</select>
|
|
|
|
</figure>
|
|
```
|
|
|
|
## Arguments
|
|
|
|
| Argument/Attribute | Type | Default | Description |
|
|
| --- | --- | --- | --- |
|
|
| `type` | `String` | `info` | Type of notice [info\|warning\|error] |
|
|
|
|
## See
|
|
|
|
- [Template Source Code](./index.hbs)
|
|
|
|
---
|