@beon-gaming/slot-controls
v1.0.7
Published
Lit web components for a slot game UI.
Readme
@beon-gaming/slot-controls
Lit web components for the Beon slot game UI.
Design reference
These components implement the Slot design in Figma:
https://www.figma.com/design/wIKHFZ1yMJzlCfI3bSTtcr/Slot
Components
All custom-element tags are prefixed beon-.
| Tag | Description |
| --------------------- | ------------------------------------------------------------------------------------------------------------ |
| beon-bet-button | Large circular bet/spin button; morphs between a refresh and a stop (square) icon via the active property. |
| beon-control-button | Small (40px) circular control button with a slotted icon; white border while pressed. |
| beon-toggle-switch | Pill on/off switch; dark off state, gold-gradient on state. |
| beon-slot-controls | Container element. |
Icons come from @beon-gaming/icons.
Usage
import '@beon-gaming/slot-controls';<beon-bet-button label="Bet"></beon-bet-button> <beon-control-button label="Menu"><!-- icon --></beon-control-button>