ToggleMuteControl

[mihar-22]

Tasks

• Complete Toggle #29.
• Complete MuteControl #33.
• Complete UnmuteControl #34.
• Design, build and test the ToggleMuteControl component.

Notes

Slots

• mute: Used to pass in a styled element to give the component form when the muted state is false.
• unmute: Used to pass in a styled element to give the component form when the muted state is true.

CSS Parts

• control-* and mute-control-*: Forward all Control parts and forward them again but this time prefixed with mute-.
• control-* and unmute-control-*: Forward all Control parts and forward them again but this time prefixed with unmute-.

<!-- Example -->
<vds-mute-control
  exportparts="control, control-focused, ..., control: mute-control, mute-focused: mute-control-focused"
>
  <slot name="mute"></slot>
</vds-mute-control>

References

• https://github.snooguts.net/david-furfero/reddit-media-player/blob/main/src/ui/MutedToggle/index.ts
• https://github.com/vime-js/vime/tree/master/core/src/components/ui/controls/mute-control

[github-actions]

🎉 This issue has been resolved in version 1.0.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀