VxVue provides a few Vue components styled with Tailwind CSS. All components are geared towards simplicity leaving room for customizations, extensions or adaptations. At some point a more verbose documentation than this brief readme might emerge.
- Tailwind CSS 3.*
- Vue.js 3.*
The official Tailwind CSS forms plugin is used to provide basic styling of the form components using the class strategy which allows the styling of non-form elements consistently. An easy to configure color theming is applied.
Try it out
npm run dev
and navigate to the reported URL by Vite.
The sample page gives simple examples of all currently available components.
So far the following components have been implemented:
||a simple input with toggle button which toggles between
||a select element adapted for Vue.js integration|
||the input element can be used for guided date inputs and is (optionally) part of the datepicker|
||a fancy checkbox|
||as the name suggests - a group of related radio elements|
||a group of related checkbox elements; allows multiple selected options|
||a sortable table; the column attribute specifies the columns and their sorting options|
||a simple autocomplete component|
||displays a notification which dismisses itself after a configurable timeout|
||promise-based alert component which must be manually dismissed; button labelling, and their returned values can be configured|
||A pagination component for arbitrary items; opinionated in its layout|
||A tabs component which allows both badges and icons|
||A simple tree component which expects a tree as nested objects in a branch property|
||A simple cookie consent dialog which avoids any dark patterns|