mirror of
https://github.com/status-im/consul.git
synced 2025-02-17 08:07:35 +00:00
043f631b7f
* 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
36 lines
607 B
Plaintext
36 lines
607 B
Plaintext
---
|
|
class: css
|
|
state: needs-love
|
|
---
|
|
# flash-message
|
|
|
|
CSS component for styling our flash messages
|
|
|
|
```hbs preview-template
|
|
<div class="flash-message">
|
|
<p
|
|
role="alert"
|
|
class={{or this.type 'success'}}
|
|
>
|
|
<strong>
|
|
{{capitalize (or this.type 'success')}}!
|
|
</strong>
|
|
</p>
|
|
</div>
|
|
|
|
<figure>
|
|
<figcaption>Provide a widget to change the <code>class</code></figcaption>
|
|
|
|
<select
|
|
onchange={{action (mut this.type) value="target.value"}}
|
|
>
|
|
<option>success</option>
|
|
<option>warning</option>
|
|
<option>error</option>
|
|
<option>exists</option>
|
|
</select>
|
|
|
|
</figure>
|
|
```
|
|
|