input-5

• Vista previa

  Password

• Código

  const Input5 = () => {
      return (
        <div className="w-full max-w-md relative">
          <label
            htmlFor="input5"
            className="absolute left-2 top-0 -translate-y-6 text-muted-foreground uppercase font-bold text-xs"
          >
            Password
          </label>
          <input
            id="input5"
            type="password"
            className="py-3 pl-4 pr-14 rounded-full w-full outline-none bg-background-secondary placeholder:text-muted-foreground ring-offset-2 ring-offset-background focus:ring-2 focus:ring-background-tertiary transition-all"
            placeholder="********"
          />
          <button
            type="button"
            className="absolute top-1 right-1 w-10 h-10 flex items-center justify-center bg-background-tertiary dark:bg-background rounded-full"
          >
            <i className="fi fi-rr-lock"></i>
          </button>
        </div>
      );
    };
    
    export default Input5;