#Design System (Chakra UI v3)

Un Design System moderno construido con Chakra UI v3.

Características

• Componentes Completos: Conjunto de componentes de UI listos para usar
• Personalizable: Sistema de temas y variantes para adaptarse a cualquier marca
• Tipado Completo: TypeScript en todos los componentes y APIs
• Accesible: Componentes que siguen las mejores prácticas de accesibilidad (WAI-ARIA)
• Responsive: Diseño adaptable a diferentes tamaños de pantalla
• Estilizado con Emotion: Estilos CSS-in-JS con excelente DX

Uso

// Importar componentes individuales
import { Button, Card, Box, Text } from "@chakra-v3-ds";

// Usar en tu aplicación
const MyComponent = () => {
  return (
    <Card variant="outline">
      <Box p={4}>
        <Text>Hello World</Text>
        <Button colorScheme="blue">Click me</Button>
      </Box>
    </Card>
  );
};