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

todo

• cards in datatable
• options datatable in gui
• tooltip
• events per component
• default margins and paddings (panel ev keine )