Design System

Vue 3 Design System Components with Tailwind CSS 4

📦 Installation

npm install @etus/design-system
# or
yarn add @etus/design-system
# or
pnpm install @etus/design-system

🚀 Quick Start

Global Registration

import { createApp } from "vue";
import App from "./App.vue";
import DesignSystem from "design-system";
import "design-system/styles.css";

const app = createApp(App);
app.use(DesignSystem);
app.mount("#app");

Tailwind Setup

@import 'tailwindcss';
@config '@etus/design-system/tailwind.config.cjs';

📖 Documentation

Visit our Storybook documentation to see all available components and their usage examples.

🛠️ Development

# Install dependencies
yarn install

# Run development server
yarn dev

# Run Storybook
yarn storybook

# Build library
yarn build

# Build Storybook
yarn build-storybook

🤝 Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

📝 License

MIT License - see LICENSE file for details.