@alfinbanco/ui

Componentes React del Alfin Banco Design System.

Instalacion

pnpm add @alfinbanco/ui @alfinbanco/tokens

Uso rapido

import "@alfinbanco/tokens/css";
import "@alfinbanco/ui/styles.css";
import { Button, Input } from "@alfinbanco/ui";

export function FormExample() {
  return (
    <div>
      <Input label="Documento" placeholder="Ingresa DNI" />
      <Button variant="primary">Enviar</Button>
    </div>
  );
}

Estilos globales

• Importa @alfinbanco/tokens/css antes de @alfinbanco/ui/styles.css.
• Los componentes consumen CSS variables de @alfinbanco/tokens.

Storybook

https://e12811.gitlab.io/alfinbanco-design-system/

Versionado

Este paquete se versiona con Changesets desde el monorepo.