Build a mobile popover menu with Svelte & OpenProps

Рет қаралды 420

Күн бұрын

In this video, I'll discuss how to use the new Popover API and use Svelte & OpenProps to build a animated mobile menu.
Source Code: github.com/joshnuss/open-prop...
Links:
- Popover API: developer.mozilla.org/en-US/d...
- OpenProps: open-props.style

Пікірлер: 9

@blokche_dev 22 күн бұрын

Really like how Svelte leverage the platform with a minimal impact on the bundle size. Thanks for sharing!

@TomSmallwood 21 күн бұрын

Built these plenty of times but so nice to see how someone else builds it, picked up a few things. Enjoyed the video Josh, thank you!!!!

@adamshand 22 күн бұрын

Helpful, thanks!

@ScottSpencePlease 22 күн бұрын

Super simple explanation Josh! Thanks for the content

@josh_nussbaum 22 күн бұрын

Thanks Scott! 🙇 Was just reading your piece about patching, the newsletter is great 🙌

@sinankesk_in 21 күн бұрын

Great tricks. Thank you Josh.

@josh_nussbaum 21 күн бұрын

Thanks Sinan! 🙏

@HaaniJaber 22 күн бұрын

What's the best way to close the popover when clicking on a ? Looking for good a11y as well as the menu to close once a link is clicked.

@josh_nussbaum 22 күн бұрын

A few ways to do that in an SPA Handle on:click on links (without doing a preventDefault) and call popover.hidePopover() Another way, with SvelteKit, is to handle beforeNavigate and call popover.hidePopover()