UI Components Library

Una librería moderna de componentes React con TypeScript y Tailwind CSS, basada en Radix UI y shadcn/ui.

🚀 Instalación

npm install tmn-components

📦 Requisitos

Esta librería requiere React 16.8+ y las siguientes dependencias peer:

npm install react react-dom

🎨 Configuración de Tailwind CSS

Agrega esta librería a tu configuración de Tailwind CSS:

// tailwind.config.js
module.exports = {
  content: [
    "./src/**/*.{js,ts,jsx,tsx}",
    "./node_modules/tmn-components/dist/**/*.{js,ts,jsx,tsx}"
  ],
  // ... resto de tu configuración
}

🔧 Uso

import { Button, Card, CardContent, CardHeader, CardTitle, Input } from 'tmn-components'

function App() {
  return (
    <Card className="w-96">
      <CardHeader>
        <CardTitle>Ejemplo de uso</CardTitle>
      </CardHeader>
      <CardContent className="space-y-4">
        <Input placeholder="Escribe algo..." />
        <Button>Enviar</Button>
      </CardContent>
    </Card>
  )
}

📚 Componentes disponibles

• Button: Botón con múltiples variantes y tamaños
• Card: Sistema de tarjetas con header, content y footer
• Input: Campo de entrada de texto

🛠️ Desarrollo

Para contribuir a esta librería:

# Clonar el repositorio
git clone [tu-repo]
cd ui-library

# Instalar dependencias
npm install

# Modo desarrollo
npm run dev

# Construir para producción
npm run build

# Verificar tipos
npm run typecheck

📄 Licencia

MIT