@gambito-corp/mbs-library NPM

MBS Design System Library

Una librería de componentes React moderna basada en Atomic Design con soporte completo para animaciones, iconos y estilos personalizables.

🚀 Características Principales

✅ 5 Átomos Fundamentales - Text, Container, Icon, Animated, Button
✅ 210+ Animaciones integradas de Animista
✅ FontAwesome + SVG + Emojis como iconos
✅ Colores Tailwind personalizables
✅ TypeScript ready
✅ Totalmente accesible (WCAG 2.1)

📦 Instalación

npm install @gambito-corp/mbs-library

🎯 Inicio Rápido

import { Text, Button, Icon, Container, Animated } from '@gambito-corp/mbs-library';

function App() {
    return (
        <Container variant="card" padding="large">
            <Text as="h1" size="3xl" textColor="blue">
                ¡Hola MBS Library!
            </Text>
            <Button
                variant="primary"
                icon="heart"
                iconColor="red"
                onClick={() => alert('¡Funciona!')}
            >
                Me gusta
            </Button>

            <Animated animation="bounceIn">
                <Icon name="rocket" textColor="purple" size="2x"/>
            </Animated>
        </Container>
    );
}