@datadayrepos/ddtw-vue

---

Vue TW UI components built on the flow byte library with customizations for external dependencies and some simplifications.

Use the original unless aspecial need for this.

@datadayrepos/ddtw-vue is an open source collection of UI components, built in Vue, with utility classes from Tailwind CSS that you can use as a starting point for user interfaces and websites.

Table of Contents

• Documentation
• Getting started
  • Require via npm
  • Include via CDN
• Components
• Community
• Contributing
• Figma
• Copyright and license

Documentation

Documentation for @datadayrepos/ddtw-vue is not yet finished.

Getting started

To use @datadayrepos/ddtw-vue, you just need to setup flowbite normally and install @datadayrepos/ddtw-vue from npm.

flowbite can be included as a plugin into an existing Tailwind CSS project.

Require via npm

Make sure that you have Node.js and Tailwind CSS installed.

1. Install flowbite as a dependency using npm by running the following command:

npm i flowbite @datadayrepos/ddtw-vue

2. Require flowbite as a plugin inside the tailwind.config.js file:

module.exports = {
  content: [
    ...,
    'node_modules/@datadayrepos/ddtw-vue/**/*.{js,jsx,ts,tsx}'
  ],
  plugins: [..., require('flowbite/plugin')],
};

Components

Alerts	Badge	Breadcrumbs
Buttons	Button group	Cards
Dropdown	🚧 Forms	List group
🚧 Typography	Modal	Tabs
Navbar	Pagination	Timeline
Progress bar	Tables	Toast
Tooltips	🚧 Datepicker	Spinner
Footer	Accordion	🚧 Sidebar
Carousel	Avatar	Rating
Input Field	File Input	🚧 Search Input
Select	Textarea	Checkbox
Radio	Toggle	Range Slider
🚧 Floating Label