open-consul/ui/packages/consul-ui/app/modifiers/notification.mdx

28 lines
776 B
Plaintext

# notification
Consul UIs notification modifier is used to 'hoist' DOM elements into the
global notification area for the UI. The most common usage will be something
like the below:
```hbs preview-template
<figure>
<figcaption>Attach a Warning notice to the top of the app ^^^</figcaption>
<Hds::Toast
@color='warning'
{{notification
sticky=true
}}
as |T|>
<T.Title>Warning!</T.Title>
<T.Description>
This service has been deregistered and no longer exists in the catalog.
</T.Description>
</Hds::Toast>
</figure>
```
Currently this is backed by `ember-cli-flash` and the named options are
currently options that can be accepted by `ember-cli-flash`. Be aware that this
is likely to change in the future.