mirror of
https://github.com/status-im/consul.git
synced 2025-02-22 10:28:31 +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
---
class: css
---
# inline-alert
CSS component for giving inline feedback to the user, generally used for form
element feedback like errors and suchlike.
```hbs preview-template
<label class="type-text">
<span>Input some text</span>
<input type="text" />
<strong class={{or this.type "info"}}>{{capitalize (or this.type "info")}}</strong>
</label>
<figure>
<figcaption>Provide a widget to change the <code>class</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>
```
```css
strong.info {
@extend %inline-alert-info;
}
strong.success {
@extend %inline-alert-success;
}
strong.warning {
@extend %inline-alert-warning;
}
strong.error {
@extend %inline-alert-error;
}
```