@gmana/react-tw v1.3.1

GMana React Tailwind

The component library for fast and accessible development of gorgeous interfaces.

🚀 Usage

Install

npm i @gmana/react-tw


npm i -D clsx deepmerge @tailwindcss/forms

Inside tailwind.config.js

const gmana = require('@gmana/react-tw/config');
module.exports = gmana({
  purge: [],
  theme: {
    extend: {},
  },
  variants: {},
  plugins: [],
});

Then place gmana at the root of your project (the order doesn't matter, as long as your application is inside).

// index.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import { GMana } from '@gmana/react-tw';

ReactDOM.render(
  <GMana>
    <App />
  </GMana>,
  document.getElementById('root')
);

Use components inside your project

import { Button } from '@gmana/react-tw';

function App() {
  return <Button>Hi there!</Button>;
}

export default App;