React Rebass es un framework front-end que fue diseñado teniendo en cuenta a React. Componentes de formulario accesibles y temáticos para usar con Rebass. Los formularios se utilizan generalmente cuando se desea recopilar datos del usuario.
Por ejemplo, un usuario desea comprar una bolsa en línea, por lo que primero debe ingresar su dirección de envío en el formulario de dirección y luego agregar su detalle de pago en el formulario de pago para realizar un pedido.
- Componente de etiqueta de formularios React Rebass
- Componente de entrada de formularios React Rebass
- Componente de selección de formularios React Rebass
- Componente Textarea de formularios React Rebass
- React Rebass Forms Componente de radio
- Componente de casilla de verificación de formularios React Rebass
- Componente deslizante React Rebass Forms
- Componente de cambio de formularios React Rebass
Javascript
import React from "react";
import { Label, Input } from "@rebass/forms";
function App() {
return (
<div style={{ display: "block", width: 500, padding: "100px" }}>
<box>
<Label htmlFor="name">Name</Label>
<Input id="name" name="name" type="text" defaultValue="john" />
<Label htmlFor="email">Email Id</Label>
<Input
id="email"
name="email"
type="email"
defaultValue="john@example.com"
/>
<Label htmlFor="password">Password</Label>
<Input id="password" name="password" type="password" />
</box>
</div>
);
}
export default App;
Producción:
Publicación traducida automáticamente
Artículo escrito por GeeksforGeeks-1 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA