rizkiramadhanx

import { ClassValue } from "class-variance-authority/types";
import clsx from "clsx";
import { twMerge } from "tailwind-merge";

export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs));
}

rizkiramadhanx

import { useForm } from "react-hook-form";

const Validation = () => {
  const {
    register,
    handleSubmit,
    formState: { errors, isValid }
  } = useForm({ mode: "onBlur" });

  const onSubmit = (data) => {

rizkiramadhanx

import { useForm } from "react-hook-form";

const DefaultValue = () => {
  const { register, handleSubmit } = useForm({
    defaultValues: {
      firstName: "oji",
      lastName: "ramadhan"
    }
  });

rizkiramadhanx

.App {
  font-family: sans-serif;
  color: black;
}

.borderRed {
  border: 2px solid crimson;
}

*:focus {