danielturus/use-material-ui-spacing

Material-UI React spacing hook with TailwindCSS like syntax

use-material-ui-spacing

Table of Contents

• Installing
• Example
• License

Installing

Using npm:

$ npm install use-material-ui-spacing

Using yarn:

$ yarn add use-material-ui-spacing

Example

note: ES modules usage

In your React component:

import clsx from 'clsx'
import { useSpacing } from 'use-material-ui-spacing'

function Button({ children }) {
  const [px2, py1, mt3, m4] = useSpacing('px2', 'py1', 'mt3', 'm4')

  return <button className={clsx(px2, py1, mt3, m4)}>{children}</button>
}

License

MIT