Skip to content

Latest commit

 

History

History
25 lines (16 loc) · 562 Bytes

File metadata and controls

25 lines (16 loc) · 562 Bytes

@twind/macro

A Babel macro which adds JSX enhancements for Twind

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} />
    )