NirajD10 NirajD10

🎯

Focusing

I desired to become a full-stack developer. Always a coding enthusiast.

mjbalcueva / password-input.tsx

Last active September 20, 2024 02:14

shadcn ui custom password input

	'use client'

	import * as React from 'react'
	import { EyeIcon, EyeOffIcon } from 'lucide-react'

	import { Button } from '@/components/ui/button'
	import { Input, type InputProps } from '@/components/ui/input'
	import { cn } from '@/lib/utils'

	const PasswordInput = React.forwardRef<HTMLInputElement, InputProps>(({ className, ...props }, ref) => {

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

AndersonNascimentoDosSantos / imageValidationWithZod.tsx

Last active September 7, 2024 06:31

Zod image validation

	"use client";
	import { Button } from "@/components/ui/button";
	import {
	Form,
	FormControl,
	FormField,
	FormItem,
	FormLabel,
	FormMessage,
	} from "@/components/ui/form"; //shadcn ui folder