@enso-ui/loader
v4.2.2
Published
Loaders, overlays, and skeleton placeholders for Enso UI
Readme
Loader
Description
Loader provides spinning overlays and richer skeleton placeholders for Enso UI pages and cards.
Installation
Install the package:
yarn add @enso-ui/loaderThe components can be used inside or outside the Enso ecosystem.
Features
- exports
Loader,Overlay, andSkeletonthrough the Bulma entrypoint - supports simple overlays and animated spinner loaders
- ships skeleton presets for labels, forms, tables, and charts
- keeps the visual primitives decoupled from any specific backend contract
Usage
<script setup>
import { Loader, Skeleton } from '@enso-ui/loader/bulma';
</script>
<Loader transparent />
<Skeleton type="table" />API
Bulma exports
Import: @enso-ui/loader/bulma
Loader
transparent: boolean = false- accepts Bulma color classes:
is-primary,is-link,is-info,is-success,is-warning,is-danger,is-light,is-dark,is-white,is-black - accepts size classes:
is-small,is-medium,is-large
Overlay
transparent: boolean = false- slots: default overlay content.
Skeleton
type: "label" | "chart" | "table" | "form"required preset selector.
Deep skeleton presets:
src/bulma/skeletons/Label.vuesrc/bulma/skeletons/Chart.vuesrc/bulma/skeletons/Table.vuesrc/bulma/skeletons/Form.vue
Depends On
Contributions
are welcome. Pull requests are great, but issues are good too.
Thank you to all the people who already contributed to Enso!
