Guía de Instalación

# 1. Create a React project (Vite + TypeScript)
npm create vite@latest my-app -- --template react-ts

# 2. Navigate into the project
cd my-app

# 3. Install the component library
npm install react-component-kit-ui

# 4. Start the dev server
npm run dev

// main.tsx (Vite) or app/layout.tsx (Next.js) — once per app
import 'react-component-kit-ui/global.css'; // design tokens, reset and fonts
import 'react-component-kit-ui/styles.css'; // component styles

// Import components from the package root
import { GlassButton, GlassAlert, Badge } from 'react-component-kit-ui';

export function App() {
  return (
    <GlassAlert type="success" title="Welcome">
      <GlassButton>Click me</GlassButton> <Badge variant="info">New</Badge>
    </GlassAlert>
  );
}

// Import by category (recommended for smaller bundles)
import { GlassButton, GlowButton, LoadingButton } from 'react-component-kit-ui/buttons';
import { GlassAlert, GlassModal, Badge } from 'react-component-kit-ui/feedback';