svelte-tabs: Tabs component for Svelte apps!

twitter logo github logo ・1 min read

I am working on a Svelte component, and needed tabs.

I found this code written by Rich Harris and used that as a starting point, and made some modifications and enhancements on top of it.

Most of the hard work was done by Rich in the initial implementation.

It supports switching tabs with the mouse or with the arrow keys.

I am posting this in the hopes that some may find it useful.

You can find the library here: https://www.npmjs.com/package/svelte-tabs

And, you can find a simple demo here: https://joeattardi.github.io/svelte-tabs/

twitter logo DISCUSS (2)
markdown guide
 

Hi Joe, Actually I am new to svelte and front-end development, is that possible to use another tabs inside main tabs content section using this package.

 

Unfortunately, right now one of the limitations is that it doesn't support nested tabs.

Classic DEV Post from Apr 1

What's your favorite coding joke/comic etc?

Let's have them! ...

Joe Attardi profile image
JavaScript wrangler

👋 Hey dev.to reader.

Do you prefer sans serif over serif?

You can change your font preferences in the "misc" section of your settings. ❤️