@vs-form/tailwind

Schema Form-Generator for React

Usage no npm install needed!

<script type="module">
  import vsFormTailwind from 'https://cdn.skypack.dev/@vs-form/tailwind';
</script>

README

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