b574093cf1
* ui: Loader amends/improvements 1. Create a JS compatible template only 'glimmer' component so we can use it with or without glimmer. 2. Add a set of `rose` colors. 3. Animate the brand loader to keep it centered when the side navigation appears. 4. Tweak the color of Consul::Loader to use a 'rose' color. 5. Move everything loader related to the `app/components/` folder and add docs. |
||
---|---|---|
.. | ||
README.mdx | ||
index.hbs | ||
index.scss | ||
layout.scss | ||
skin.scss |
README.mdx
# Consul::Loader Simple template-only component to show the circular animated Consul loader animation. ```hbs preview-template <div style="position: relative;height: 300px;width: 300px;margin: 0 auto;"> <Consul::Loader /> </div> ``` ### See - [Component Source Code](./index.js) - [Template Source Code](./index.hbs) ---