I decided to group together a few common components to use on individual projects, aiming on make it light, consistent and harmonic.
- Create flexible components, independent of each other
- Make it strongly typed using TypeScript
- Build consistent interfaces for light and dark themes
- Integrate with semantic color names to make it easy to be themed
- Requirements: Vue 3, TailwindCSS 3, HeadlessUI and DaisyUI 4 (optional in some components)
- Each component and its subcomponents are wrapped in a directory
- Copy the component directory from
./src/components
- Copy the type declaration file from
./src/types
- The main component starts with
App
prefix
Storybook page:
https://joaohamerski.github.io/vue-tailwind-components/