Loader
Notify your user that something is loading.
File to include
@import "components/loader";
<span class="loader" data-size="xxl" data-color="primary"></span>
<span class="loader" data-size="xl" data-color="secondary"></span>
<span class="loader" data-size="l" data-color="success"></span>
<span class="loader" data-size="m" data-color="danger"></span>
<span class="loader" data-size="s" data-color="warning"></span>
<span class="loader" data-size="xs" data-color="gray"></span>
<span class="loader" data-size="xxs" data-color="black"></span>
Attributes
Name | Example value | Possible values | Default | Required |
---|---|---|---|---|
data-size | xl | "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | xxl | No |
data-color | danger | "primary" | "secondary" | "success" | "danger" | "warning" | "gray" | "black" | "white" | primary | No |