input-2

• Vista previa

  Usuario *

• Código

  const Input2 = () => {
    return (
      <div className="w-full max-w-lg flex flex-col gap-y-2">
        <label htmlFor="input2">
          Usuario <span className="text-red-500">*</span>
        </label>
        <div className="relative">
          <i className="fi fi-rr-user text-muted-foreground absolute top-1/2 -translate-y-1/2 left-4 mt-0.5" />
          <input
            id="input2"
            className="w-full bg-background-secondary py-3 pl-12 pr-4 rounded-lg outline-none placeholder:text-muted-foreground"
            placeholder="@jotredev"
            autoComplete="off"
          />
        </div>
      </div>
    );
  };
  
  export default Input2;