https://github.com/tguelcan/sidls

https://github.com/tguelcan/sidls

Last synced: 8 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/tguelcan/sidls
• Owner: tguelcan
• License: mit
• Created: 2024-03-29T22:04:04.000Z (8 months ago)
• Default Branch: master
• Last Pushed: 2024-06-18T10:47:31.000Z (5 months ago)
• Last Synced: 2024-09-19T07:51:18.484Z (about 2 months ago)
• Language: TypeScript
• Homepage: https://sidls.com
• Size: 42 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

      

  



Everything you need to build a solid tailwindcss apps, powered by [`sidls`](https://sidls.com).

Open Source, without javascript and in pure tailwindcss.

--

## Installation

Install the preset from npm:

```shell

# install via npm or yarn

npm install -D sidls

```

Then add the preset to your `tailwind.config.js` file:

```js

/** @type {import('tailwindcss').Config} */

module.exports = {

	// Customizations specific colors to this project

	theme: {

		extend: {

			colors: {

				light: "#f4f4f5",

				primary: "#111927",

				alert: "#ef4444",

			},

		},

	},

	preset: [

		require("sidls"),

		// ...

	],

};

```

## Basic usage

You can now use simple css commands to use the components:

```html

Primary Button

```