DEV Community

loading...
Cover image for svelte-tabs: Tabs component for Svelte apps!

svelte-tabs: Tabs component for Svelte apps!

joeattardi profile image Joe Attardi ・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/

Discussion (3)

pic
Editor guide
Collapse
thevediwho profile image
Vaibhav Dwivedi

Hey, I like the code. Is there any way to create vertical tabs?

Collapse
bejoynj profile image
Bejoy NJ

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.

Collapse
joeattardi profile image
Joe Attardi Author

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