Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/berzanorg/tailt

⚡ ⚛️ Create blazingly fast custom React components
https://github.com/berzanorg/tailt

react reactjs tailt tailwind tailwindcss

Last synced: 8 days ago
JSON representation

⚡ ⚛️ Create blazingly fast custom React components

Awesome Lists containing this project

README

        

# tailt
⚡ ⚛️ Create blazingly fast custom React components


Let's create a customized `button` component.
```jsx
const MyButton = tailt.button`
bg-blue-500
`
```
Voila! Now, use it like a component.
```jsx
Hello
```
Let's add an onClick attribute.
```jsx
Hello
```
- Tailt supports all HTML element attributes.
- So, you can add them as like as props.


> The library requires TailwindCSS to be installed.


## Installation
#### NPM
```
npm i tailt
```
#### Yarn
```
yarn add tailt
```

## Docs

#### Supported HTML elements
- `a`
- `article`
- `button`
- `div`
- `form`
- `footer`
- `h1`
- `h2`
- `h3`
- `h4`
- `h5`
- `h6`
- `header`
- `input`
- `label`
- `li`
- `main`
- `nav`
- `p`
- `section`
- `span`
- `text-area`
- `ul`

## Building
#### Installing all dependencies
```
yarn
```
#### Compiling TypeScript
```
yarn tsc
```

## Notes
If you find a bug or want an improvement, please create a pull request.

Made with ❤️ by `@BerzanXYZ`