msh2050/flowbite-svelte

Official Svelte components built for Flowbite and Tailwind CSS

FLOWBITE-SVELTE

Flowbite-Svelte is an official Flowbite component library for Svelte. All interactivities are handled by Svelte.

Installation

• Getting started
• About
• Type list
• CLI

Accordion components

• Default accordion
• Icon accordion

Alert components

• Default alert
• Border alert
• Information alert
• Animation alert

Avatar components

• Avatar

Badges components

• Default badge
• Icon badge
• Link badge

Breadcrumb components

• Breadcrumb

Button group compnents

• Default button group
• Outline button group

Button components

• Setup
• Default Button
• Colored Shadow Button
• Gradient Duotone Button
• Gradient Monochrome Button
• Gradietn Outline Button
• Outlined Button
• Rounded Button

Card components

• Default Card
• CTA Card
• Ecommerce Card
• Horizontal Card
• Interactive Card
• List Card
• Signin Card

Carousel components

• Carousel
• Carousel with transition

Dark mode components

• Dark mode

Dropdown components

• Dropdown
• Dropdown with Image

Form components

• Forms

Footer components

• Default Footer
• Footer with Logo
• Footer with Sitemap
• Footer with Socialmedia

Icons components

• Heroicons
• Simpleicons
• Feathericons

List group components

• List group

Modal components

• Small Modal
• Medium Modal
• Large Modal
• Extra Large Modal
• Signin Modal
• All Modals

Navbar components

• Default Navbar
• Dropdown Navbar

Pagination components

• Pagination

Progress bar

• Probress bar

Sidebar components

• Sidebar

Spinner components

• Default Spinner
• Button Spinner

Tab components

• Default Tabs
• Underline Tabs
• Icon Tabs
• Full width Tabs
• Interactive Tabs
• Interactive Tabs 2
• Multiple Interactive Tabs
• Pill Tabs

Table components

• Tables

Timeline components

• Default timeline
• Vetical timeline
• Horizontal timeline
• Activity log
• Grouped timeline

Toast components

• Toast

Tooltip components

• Default Tooltip
• Light Tooltip

Tests

Run:

npm run test

Create props

cd scripts
node createProps.js

This will pull all props from components and replace files in /src/routes/props directory.