A responsive navbar with Dropdowns using AlpineJS and Heroicons build in the TailwindCSS Playground alpinenavbarbarnavdropdownstailwindtailwindcssalpinejstailwindcss-playground UpdatedDec 5, 2022 HTML Create re
CSS / Tailwind (For styling) Setup & Installation Clone the repository: git clone https://github.com/yourusername/Navbar-using-react-router.git cd Navbar-using-react-router Install dependencies: npm install Start the development server: npm run dev Open http://localhost:5173/ in your bro...
"eslint-plugin-react": "^7.34.1", "eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-refresh": "^0.4.6", "postcss": "^8.4.38", "tailwindcss": "^3.4.3", "vite": "^5.2.0" } } 6 changes: 6 additions & 0 deletions 6 postcss.config.js Original file line...
@tailwind components; @tailwind utilities; @tailwind utilities; /* added font */ body{ font-family: 'Roboto', sans-serif; } 4 changes: 1 addition & 3 deletions 4 src/main.jsx Original file line numberDiff line numberDiff line change @@ -2,9 +2,7 @@ import React from 'react'...
3 + import tailwindcss from "@tailwindcss/vite"; 4 + 5 + // https://vite.dev/config/ 6 + export default defineConfig({ 7 + plugins: [react(), tailwindcss()], 8 + }); yarn.lock +1,692 Load DiffLarge diffs are not rendered by default. 0 commit comments Comments...
extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {} function Badge({ className, variant, ...props }: BadgeProps) { return ( <div className={cn(badgeVariants({ variant }), className)} {...props} /> ) } export { Badge, badgeVariants } Loading Oops, some...
import { twMerge } from "tailwind-merge" type Props = { class?: string } type Props = { class?: string; lightIcon?: Element; darkIcon?: Element } export const ToggleThemeButton: Component<Props> = (props) => { const theme = useStore(getThemeAtom()) return ( <Switch class=...
1 1 import type { Config } from "tailwindcss"; 2 + const flowbite = require("flowbite-react/tailwind"); 2 3 3 4 const config: Config = { 4 5 content: [ 6 + // "./node_modules/flowbite-react/lib/**/*.js", 5 7 "./src/pages/**/*.{js,ts,jsx,tsx,mdx}", ...
An auto-filled content blog, Automatically generate content by using OpenAI. Framework: Next.js 13; Frontend: Heroicons, Tiptap text editor, Typescript, and TailwindCss. Backend: Typescript, OpenAI API; Database: hosted on PlanetScale platform, Prisma fo
package-lock.json package.json postcss.config.js tailwind.config.js vite.config.js Latest commit 7 people Ver 1.0.0 (#82) Nov 8, 2024 cfcba76·Nov 8, 2024 History History File metadata and controls 51 lines (44 loc) · 2.04 KB Raw...