<dy-vestaboard>
A character display component with animation effects, inspired by Vestaboard displays.
Example
Loading...
<dy-vestaboard
style=${"font-size: 3em;font-weight: bold;"}
.char=${"A"}
.variant=${"polygon"}
@click=${({target})=>target.char=String.fromCharCode(target.char.codePointAt(0)+1)}></dy-vestaboard>
API
Shadow DOM; Extends GemElement
Instance Properties
| Property(Attribute) | Reactive | Type |
|---|---|---|
char(char) |
Yes | string |
variant(variant) |
Yes | 'circle' | 'polygon' |
direction(direction) |
Yes | 'up' | 'down' |
duration(duration) |
Yes | number |
debug(debug) |
Yes | boolean |
Other
| Type | Value |
|---|---|
| Part | top, bottom, before, after |