A Svelte Sidebar Menu Component Implemented with Tailwind CSS
It is Easy and Flexible to Use
Published in
3 min readJan 13, 2022
[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.
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.