Svelte Tabs screenshot

Svelte Tabs

Author Avatar Theme by Nickyhajal
Updated: 19 Aug 2022
93 Stars

Tabs component for Svelte

Overview

svelte-tabs is a tabs component for Svelte. It allows users to easily create and utilize tabbed interfaces in their Svelte applications. This component comes with basic default styling but can be customized to fit the specific needs of the application.

Features

  • Easy creation of tabbed interfaces
  • Ability to set the initially selected tab
  • Customizable styling
  • Support for basic CSS selectors

Installation

To install svelte-tabs, follow these steps:

  1. Fork and clone the repository.
  2. Run npm install from the repository root.
  3. Run npm link from the repository root.
  4. Run npm run build:watch from the examples directory.
  5. Run npm link svelte-tabs from the examples directory.
  6. Run npm run dev from the examples directory.
  7. Go to http://localhost:5000 to access the running development environment.

Summary

svelte-tabs is a powerful tabs component for Svelte that simplifies the process of creating tabbed interfaces. It provides easy installation and usage instructions, as well as the ability to customize the styling to fit the application’s design. However, it is important to note that nested tab panels are not yet supported. Overall, svelte-tabs offers a convenient solution for implementing tab functionality in Svelte applications.