@jorgeetrejoo/react-ui-components v0.0.6

Instalación

# npm
npm install @jorgeetrejoo/react-ui-components

# pnpm
pnpm add @jorgeetrejoo/react-ui-components

# yarn
yarn add @jorgeetrejoo/react-ui-components

Uso

• Para utilizar esta biblioteca, importa los estilos y componentes necesarios.
• Los estilos importalos en tu archivo principal (index.js, App.js, etc).

// Importar estilos (requerido)
import "@jorgeetrejoo/react-ui-components/dist/index.css";

// Importar componentes
import {Button, Input} from "@jorgeetrejoo/react-ui-components";

function App() {
  return (
    <div className="p-4">
      <h2 className="text-xl font-bold mb-4">Formulario de contacto</h2>
      <div className="space-y-4">
        <Input placeholder="Nombre completo" />
        <Input placeholder="Email" type="email" />
        <Button>Enviar</Button>
      </div>
    </div>
  );
}

Componentes

Botón

Un componente de botón versátil y personalizable.

Importación

import {Button} from "@jorgeetrejoo/react-ui-components";

<Button>Enviar</Button>;

Props

Input

Un componente de input versátil y personalizable.

Importación

import {Input} from "@jorgeetrejoo/react-ui-components";

<Input placeholder="Nombre completo" />;

Props