A Svelte Sidebar Menu Component Implemented with Tailwind CSS

It is Easy and Flexible to Use

Image by Text To Photo Editor. Background photo by Debora Pilati on Unsplash

[Update: 2022–05–06 Moved to Svelte-Sidebar-Menu]

Table of Contents
· Introduction
· Installation
· Sidebar component
· Top menu
· Multiple-menu
· Modifying component classes
  ∘ Aside component
  ∘ Navbar component
  ∘ Nav component
  ∘ SideBarList component
· Fixed menu example
· Conclusion
· Update log

Introduction

Recently, I created my first Svelte component Svelte-sidebar. You can find it on the NPM website . The Svelte-sidebar is simple and flexible to use. It is powered by Svelte Stores and Tailwind CSS. You can use it with other CSS frameworks if you wish.

New Features for the Svelte Sidebar Menu

Installation

$ npm install -D svelte-sidebar-menu

Sidebar component

Sidebar component is a collection of SidebarList and Navbar.

You can import the Sidebar component and declare the siteName and lists variables.