Loader

April 25, 2026 · View on GitHub

License Stable Downloads Vue JavaScript SCSS npm Issues Merge Requests

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

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