https://github.com/phthhieu/re-tailwind

Brings TailwindCSS https://tailwindcss.com to ReasonML
https://github.com/phthhieu/re-tailwind

reasonml tailwind tailwind-css

Last synced: about 1 month ago
JSON representation

Brings TailwindCSS https://tailwindcss.com to ReasonML

• Host: GitHub
• URL: https://github.com/phthhieu/re-tailwind
• Owner: phthhieu
• License: mit
• Created: 2019-10-21T14:46:58.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-03-03T12:42:19.000Z (over 1 year ago)
• Last Synced: 2024-05-05T09:02:27.549Z (about 2 months ago)
• Topics: reasonml, tailwind, tailwind-css
• Language: Reason
• Homepage: https://phthhieu.github.io/re-tailwind
• Size: 573 KB
• Stars: 119
• Watchers: 6
• Forks: 2
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Lists

• awesome-list - re-tailwind
• awesome-reasonml - re-tailwind - Brings TailwindCSS to ReasonML. (Reason / Libraries and Bindings)
• awesome-tailwindcss - re-tailwind - ReasonML utility that generates Tailwind classes. (Tools)
• awesome-reasonml - re-tailwind - Brings TailwindCSS to ReasonML. (Reason / Libraries and Bindings)

README

        
# re-tailwind

ReasonML utility to generate Tailwind classes

## Install

```

npm install --save re-tailwind

```

Add re-tailwind to `bs-dependencies` in `bsconfig.json`

## Usage

1. Ensure your app already import tailwind css

```reason

[%bs.raw {|require("tailwindcss/dist/tailwind.min.css")|}];

```

2. Use function TW.make to construct your tailwind classnames:

```reason

module Example = {

  [@react.component]

  let make = () => {

    
 make)>

      {ReasonReact.string("Hello Example")}

    
;

  };

};


```

[More examples](../master/examples)

## Credits

- [Typed tailwind](https://github.com/dvkndn/typed-tailwind) which has the same purpose to this project but in TypeScript

## Next works:

- Tailwind PPX

- Auto generate ReasonML code for Tailwind CSS by user config

## License

[MIT](https://choosealicense.com/licenses/mit)