input-6

• Vista previa

  Nombre de usuario

• Código

  const Input6 = () => {
      return (
        <div className="w-full max-w-md relative">
          <label
            htmlFor="input6"
            className="absolute left-2 top-0 -translate-y-6 text-muted-foreground uppercase font-bold text-xs"
          >
            Nombre de usuario
          </label>
          <input
            id="input6"
            type="text"
            className="py-3 pl-14 pr-4 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="@jotredev"
          />
          <i className="fi fi-rr-user absolute top-1 left-1 w-10 h-8 flex items-center justify-center bg-transparent rounded-s-full border-r border-tertiary text-muted-foreground pointer-events-none"></i>
        </div>
      );
    };
    
    export default Input6;