# @vs-form/tailwind

## Install

npm install tailwindcss
npm install @tailwindcss/custom-forms
add a tailwind.css
- update tailwind.css with imports
npx tailwindcss init
- update tailwind.config.js

import './tailwind.out.css' in index.tsx


build css
- npx tailwindcss build src/tailwind.css -o src/tailwind.out.css

## publish
npm run pub 
(npm publish --access public)

## Schema Form Generator with tailwind.css

- npm start
- run example in
  - cd .\example\
  - npm start
- add custom-forms https://github.com/tailwindlabs/tailwindcss-custom-forms
- themeColor pro component (overwrites schemaManger -> parent -> comp)
- make a mergeStyle function and an object with all styles nested
- custom components
- cards in datatable
- tooltip (add 3rdparty 'react-tooltip')
- options datatable in gui
- onUseEffect function in Schema
- update tailwind to v 2 
- change to tailwindcss/forms


- simplest and most modern way to structure CSS classes for your components and layouts.