@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.