@codepiercer/svelte-tailwind
TypeScript icon, indicating that this package has built-in type declarations

0.8.27 • Public • Published

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 git@github.com: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.

Readme

Keywords

none

Package Sidebar

Install

npm i @codepiercer/svelte-tailwind

Weekly Downloads

7

Version

0.8.27

License

none

Unpacked Size

168 kB

Total Files

96

Last publish

Collaborators

  • jana19