MoonBit Web Component Example

Basic Usage

<x-counter></x-counter>

With Attributes

<x-counter initial="42" label="Score"></x-counter>

Disabled State

<x-counter initial="10" label="Fixed" disabled></x-counter>

Dynamic Attribute Changes

Implementation

This counter is implemented in MoonBit and compiled to JavaScript.

The component uses:

• @luna_ui/wcr - JavaScript runtime for Web Components
• @luna_ui/stella - CLI for generating Web Component wrappers
• stella/component - MoonBit context API