To use TailwindCSS you must create a configuration file. We will usenpxwhich is bundled with Node.js to create our configuration file with this command: npx tailwindcss init-p You will see that this added two new files to your Vue3 project. The two files aretailwind.config.jsandpostcss.c...
This PR adds the missing Tailwind CSS configuration steps in the Vite installation guide, which are necessary for setting up shadcn-ui. The steps are outlined in theofficial Tailwind CSS documentationbut were not included in our guide. #4975 A member of the Team first needs toauthorize it....
vite: bin/vite dev web: bin/rails s3 changes: 3 additions & 0 deletions 3 app/assets/stylesheets/application.css @@ -0,0 +1,3 @@ @import "tailwindcss/base"; @import "tailwindcss/components"; @import "tailwindcss/utilities"; 4...
Quick way to add tailwindcss to your new projects with a single command 🔧 Usage cdproject_directory npx add-tailwindcss ✨ Supported Framework Laravel 9 (Vite) Vite (React and Vue) Next.js CRA (Create React App) Install npm iadd-tailwindcss ...
Optional: Use TailwindCSS to style your components If you had a sneak peek at our Stackblitz demo, you might have noticed that we’ve been using Tailwind classes in our components. In order to make these work, let’s quickly add Tailwind to our SvelteKit project with svelte-add by running...
└── vite.config.js If you've set up Tailwind CSS for styling, you would typically have Tailwind configuration files like “tailwind.config.js” and “postcss.config.js” as well. Using Ably for receiving notification To start using Ably for sending realtime notifications, we begin by insta...
No need to register your components – it doesn’t get any easier!Optional: Use TailwindCSS to style your components You may have noticed that we’ve been using Tailwind classes in our components. In order to make these work, let’s quickly add Tailwind to our Laravel project by running:...
preprocess: vitePreprocess() }; export default config; 10 changes: 10 additions & 0 deletions 10 tailwind.config.js Original file line numberDiff line numberDiff line change @@ -0,0 +1,10 @@ /** @type {import('tailwindcss').Config} */ export default { content: ["./src/**/*.{...
- [Vite.js](https://vite.dev) - [Tailwind CSS](https://tailwindcss.com) - [Tolgee](https://tolgee.io) - [Openweather API](https://openweathermap.org/api) ## Getting Started To get started with the project, run the following commands in your terminal: 1. Clone the repository `...
"tailwindcss-animate": "^1.0.7", "typescript": "^5.2.2", "vite": "^5.1.6" "vite": "^5.1.6", "vitest": "^2.0.2" } } 249 changes: 249 additions & 0 deletions 249 ui/pnpm-lock.yaml Load diff 0 comments on commit ab81d82 Please sign in to comment. Footer...