RG Design System Template

A scalable, reusable component library built with React and TypeScript.

🚀 Features

• TypeScript: Strongly typed components.
• Modular Structure: Isolated, reusable components.
• Theming Support: Easily customizable with Tailwind CSS.
• Storybook Integration: Visual documentation for components.
• Unit Testing: Ensures component reliability with Vitest/Jest.
• Responsive Design: Mobile-first approach.

Installation

Install the package via npm:

npm install rg-design-system-template

📦 Component Usage

Import and use components in your project:

import { Button } from "rg-design-system-template";

function App() {
  return <Button size="sm">Click Me</Button>;
}

📖 Documentation

For full documentation, refer to the Storybook or project wiki.

🤝 Contributing

1. Fork the repo
2. Create a new branch (git checkout -b feature-name)
3. Commit changes (git commit -m "Add new feature")
4. Push to branch (git push origin feature-name)
5. Open a pull request