Want to make sure you keep getting updates with every release? Head over to our changelog and sign up for email updates.

---

📽️ <wa-video> Killed the Radio Star

You can rewind if you’ve gone too far. WA 3.7 adds two new, experimental components for all of your moving picture needs: <wa-video> and <wa-video-playlist>

with-more-awesome-video.gif

Use <wa-video> to embed video content on your site with a  player that matches your own Web Awesome theme and adapts to light and dark mode. Choose your video controls, customize the play and pause icons, and add captions, subtitles, and poster images if you have ’em.

Have more than one video to show? (Those radio stars will be heartbroken.) Grab <wa-video-playlist> for playing multiple videos back-to-back, like a playlist of music videos or lessons in a course.

📋 Trigger warning
<wa-copy-button> now supports custom triggers so you can use a <wa-button>, a run-of-the-mill <button>, or any clickable element your heart desires to copy a value.

Plus, <wa-copy-button> has graduated from experimental to stable. 🎓 (A bit behind its classmates, but hey, we don’t judge.) With stable components, don’t expect any breaking changes until we release a major version upgrade of the entire library.

👇 Click Bait

We’ve added a pair of new tokens to support more dynamic button interactions: –wa-button-transform-hover and –wa-button-transform-active. The Default theme now has a subtle shrink effect on press, which you can easily customize by assigning your own transform function to these new tokens.

Additionally, we’ve updated the –wa-color-mix-hover and –wa-color-mix-active values for all themes with relative color functions to avoid any dingy gray tints. (Ew.)

🎬 That’s a Wrap

As always, there are plenty of other fixes and improvements in this release, including some new text wrap CSS utilities — wa-text-wrap-nowrap, wa-text-wrap-balance, and wa-text-wrap-pretty. Check out the latest mix on our changelog.