<dy-vestaboard>
一个带有动画效果的字符展示组件，灵感来自 Vestaboard 显示屏。
例子
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 |