https://github.com/codepiercer/svelte-tailwind
Collection of reusable svelte components designed with tailwind css
https://github.com/codepiercer/svelte-tailwind
Last synced: about 2 months ago
JSON representation
Collection of reusable svelte components designed with tailwind css
- Host: GitHub
- URL: https://github.com/codepiercer/svelte-tailwind
- Owner: codepiercer
- Created: 2023-01-05T16:28:56.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-05-05T18:09:45.000Z (about 2 years ago)
- Last Synced: 2025-03-17T23:40:54.748Z (2 months ago)
- Language: Svelte
- Size: 232 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Svelte Tailwind
A collection of reusable svelte components designed with tailwind css.
## Installation
```bash
npm create svelte@latest newProject
npm i -D @codepiercer/svelte-tailwind
```
- Setup
```js
// 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
```bash
npx degit [email protected]:codepiercer/sveltekit-template.git newProject
```
## Usage
```js
// Example.svelte
import { Button } from '@codepiercer/svelte-tailwind'
Click Me
```
©
CODEPIERCER. All rights reserved.