Skip to content

Instantly share code, notes, and snippets.

View NirajD10's full-sized avatar
🎯
Focusing

NirajD10 NirajD10

🎯
Focusing
View GitHub Profile
"use client";
import { Button } from "@/components/ui/button";
import {
Form,
FormControl,
FormField,
FormItem,
FormLabel,
FormMessage,
} from "@/components/ui/form"; //shadcn ui folder
@nimone
nimone / App.jsx
Created November 13, 2023 09:13
A Modal Component with ReactJS and TailwindCSS
import { useState } from "react"
import Modal from "./components/Modal"
import Trash from "./icons/Trash"
export default function App() {
const [open, setOpen] = useState(false)
return (
<main className="App">
<button className="btn btn-danger" onClick={() => setOpen(true)}>
<Trash /> Delete
@mjbalcueva
mjbalcueva / password-input.tsx
Last active July 16, 2024 14:48
shadcn ui custom password input
"use client"
import { forwardRef, useState } from "react"
import { EyeIcon, EyeOffIcon } from "lucide-react"
import { Button } from "@/components/ui/button"
import { Input, InputProps } from "@/components/ui/input"
import { cn } from "@/lib/utils"
const PasswordInput = forwardRef<HTMLInputElement, InputProps>(
({ className, ...props }, ref) => {