Skip to content

Instantly share code, notes, and snippets.

@codigoconjuan
Created September 19, 2022 22:41
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save codigoconjuan/fe69e640b4800e30bb8c162342c39dda to your computer and use it in GitHub Desktop.
Save codigoconjuan/fe69e640b4800e30bb8c162342c39dda to your computer and use it in GitHub Desktop.
Formulario - React Router DOM 6
const Formulario = ({cliente}) => {
return (
<>
<div className="mb-4">
<label
className="text-gray-800"
htmlFor="nombre"
>Nombre:</label>
<input
id="nombre"
type="text"
className="mt-2 block w-full p-3 bg-gray-50"
placeholder="Nombre del Cliente"
name="nombre"
/>
</div>
<div className="mb-4">
<label
className="text-gray-800"
htmlFor="empresa"
>Empresa:</label>
<input
id="empresa"
type="text"
className="mt-2 block w-full p-3 bg-gray-50"
placeholder="Empresa del Cliente"
name="empresa"
/>
</div>
<div className="mb-4">
<label
className="text-gray-800"
htmlFor="email"
>E-mail:</label>
<input
id="email"
type="email"
className="mt-2 block w-full p-3 bg-gray-50"
placeholder="Email del Cliente"
name="email"
/>
</div>
<div className="mb-4">
<label
className="text-gray-800"
htmlFor="telefono"
>Teléfono:</label>
<input
id="telefono"
type="tel"
className="mt-2 block w-full p-3 bg-gray-50"
placeholder="Teléfono del Cliente"
name="telefono"
/>
</div>
<div className="mb-4">
<label
className="text-gray-800"
htmlFor="notas"
>Notas:</label>
<textarea
as="textarea"
id="notas"
type="text"
className="mt-2 block w-full p-3 bg-gray-50 h-40 align-self"
placeholder="Notas del Cliente"
name="notas"
/>
</div>
</>
)
}
export default Formulario
@Rrosso27
Copy link

Gracias profesor.

@wzseba
Copy link

wzseba commented Mar 5, 2023

gracias profe

@juanmb88
Copy link

juanmb88 commented May 3, 2023

gracias por la practicidad !

@DjGarcia4
Copy link

Uff belleza!

@rolandoandre123
Copy link

Usted es el mejor

@Lumiesal
Copy link

Lumiesal commented Dec 6, 2023

Gracias profe

@Nico235711
Copy link

gracias

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment