hb-skeleton-component — skeleton-component

Category: data
Tags: data, loading

What it does

Development scaffold: accepts arbitrary json, string, and boolean props to test bindings, exposes a skelcontent slot and a testpart CSS part, and emits a generic event for wiring demos.

Custom element

hb-skeleton-component

Attributes (snake_case; use string values in HTML)

• id (optional), style (optional): strings.
• json (optional): JSON string — any JSON-serializable value.
• string (required per typings): string.
• boolean (optional): boolean as string when used from HTML.

Events

• event: { test: boolean }.

Styling (Bulma)

Bundles Bulma 1.x (button, base/skeleton, animations) in the shadow root. Set --bulma-* on body / :root to align with your app.

Usage notes

• Slot: skelcontent.
• CSS part: testpart.

Minimal HTML example

<hb-skeleton-component string="demo" json='{"a":0}' boolean="no"></hb-skeleton-component>