<wavekit-play-button>
Our super minimal player. A simple button that can fit any UI design. It works on its own but can also be combined with our overlay player.
HTML attributes#
Main settings#
| HTML attribute |
Default |
Value |
| audio-id Required |
-- |
A valid audio id |
| theme |
light |
lightdarkauto |
Dimensions#
This component will always have a square aspect ratio and only width can be customized. More information on customizing dimensions.
Colors#
All colors have a -dark variant. More information on customizing colors.
| HTML attribute |
Type |
Default |
| accent-color |
CSS color |
Defined by the theme |
| play-arrow-color |
CSS color |
Calculated automatically |
Other settings#
| HTML attribute |
Default |
Value |
| ignore-metrics |
false |
true or false |
| referer |
-- |
A valid URL that will appear in your metrics. |
CSS variables#
All colors have a -dark variant. More information on customizing colors and dimensions using CSS variables.
| CSS variable |
Type |
Default |
| --wk-accent-color |
CSS color |
Defined by the theme |
| --wk-height |
CSS length |
Depends on the player type |
| --wk-play-arrow-color |
CSS color |
Calculated automatically |
| --wk-width |
CSS length |
100% |