https://rlynjb.github.io/uids/
- install vue using vue-cli
- follow vue styleguidist instruction here: https://vue-styleguidist.github.io/docs/GettingStarted.html#_1-install
- install tailwindcss via vue-cli - https://tailwindcss.com/docs/installation
- how to add to vue-cli: https://www.npmjs.com/package/vue-cli-plugin-tailwind
-
install typescript via vue-cli - run
sudo vue add typescript -
install and configure daisyui - https://daisyui.com/docs/install/
-
use https://heroicons.com/ for svg/jsx icons
npm run styleguide
npm run cleanbuild
npm run styleguide:build
npm run movebuild
- SelectMultipleFieldUI - set code snippets for remaining use case.
- StepsUI - use ref template to switch contents
TableUI - add code snippet for "Add buttons"; add code snippet for "Make a column sortable."- TabsUI - use ref template to switch contents
- ToastUI - set code snippets/usages
- Add a Chart/graph component using Pathfinder Visualization
- template ref is not supported in vue-styleguidist - https://stackoverflow.com/questions/67033933/cant-use-template-ref-on-component-in-vue-3-composition-api#answers-header
- rewrite components to use vue3 setup. docs to document Events in vue3 - https://vue-styleguidist.github.io/docs/Documenting.html#setup-syntax
- Set Vue-Styleguidist theme. Check is possible to re-layout pages
- Show component props section by default
- Show component view code by default
- set official UI styleguide name
- display components on each own page
- convert to react component
- create test