@twind/macro

v2.1.1
A babel macro for twind, adds support for tw prop in jsx
twind tailwind babel macro

@twind/macro

A Babel macro which adds JSX enhancements for Twind

Features

Usage

  1. Add babel-plugin-macros to your Babel config (if you use Create React App, it's already installed!)

  2. Install:

    npm install -D @twind/macro
    
  3. Import to use:

    import '@twind/macro'
    
    const Button = (props) => (
      <button tw="bg-green-600 text-green-100 p-3 hover:bg-green-700 rounded" {...props} />
    )
    
npm i @twind/macro

Metadata

  • MIT
  • Whatever
  • MapleLeaf
  • released 8/8/2021

Downloads