Loader

Description

Loader provides spinning overlays and richer skeleton placeholders for Enso UI pages and cards.

Installation

Install the package:

yarn add @enso-ui/loader

The components can be used inside or outside the Enso ecosystem.

Features

• exports Loader, Overlay, and Skeleton through 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.vue
• src/bulma/skeletons/Chart.vue
• src/bulma/skeletons/Table.vue
• src/bulma/skeletons/Form.vue

Depends On

• @enso-ui/transitions ↗

Contributions

are welcome. Pull requests are great, but issues are good too.

Thank you to all the people who already contributed to Enso!

License

MIT