Skip to content

Collection of reusable svelte components designed with tailwind css

Notifications You must be signed in to change notification settings

codepiercer/svelte-tailwind

Repository files navigation

Svelte Tailwind

A collection of reusable svelte components designed with tailwind css.

Installation

npm create svelte@latest newProject
npm i -D @codepiercer/svelte-tailwind
  • Setup

    // tailwind.config.cjs
    module.exports {
      presets: require('@codepiercer/svelte-tailwind/config.cjs')
    }
    
    // postcss.config.cjs
    module.exports = {
      plugins: {
        tailwindcss: {},
        autoprefixer: {}
      }
    }

(or) Use the pre configured template

npx degit [email protected]:codepiercer/sveltekit-template.git newProject

Usage

// Example.svelte
<script>
  import { Button } from '@codepiercer/svelte-tailwind'
</script>

<Button color="yellow" variant="secondary">Click Me</Button>

© CODEPIERCER. All rights reserved.

About

Collection of reusable svelte components designed with tailwind css

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published