Next.js 15 · App Router · TypeScript

Sandbox para probar un Design System publicado en npm

Este proyecto queda listo para instalar tu librería de componentes y probarla en un entorno limpio, sin dependencias adicionales innecesarias.

Siguientes pasos

  1. Instala el paquete publicado: npm install @tefi/design-system
  2. Importa los estilos globales del paquete en app/layout.tsx, si tu Design System los exporta.
  3. Reemplaza este contenido por componentes reales para validar estilos, accesibilidad y SSR.

Página de pruebas

Visita /design-system-test para ver todos los componentes exportados por @tefi/design-system agrupados por categoría.

Ejemplo de integración

// app/layout.tsx
// import '@tefi/design-system/dist/style.css';

// app/page.tsx
// import { Button } from '@tefi/design-system';

// export default function Home() {
//   return <Button>Probar componente</Button>;
// }