mpulse-design-system

mpulse-design-system is a collection of reusable React components and theming tools designed to provide a consistent user interface across mPulse applications. It leverages MUI v7 for its foundation and extends it with custom styles, components, and utilities tailored to the mPulse brand.

Installation

npm:

npm install mpulse-design-system

yarn:

yarn add mpulse-design-system

Getting Started

A simple example demonstrating how to integrate the mPulse Design System Button component into a React application:

import * as React from 'react';
import { Button } from 'mpulse-design-system';

function App() {
  return <Button variant="contained">Hello World</Button>;
}

Components

Browse the complete component library in our Storybook.

Documentation

Our design system extends MUI v7 components. For comprehensive API documentation and style guides, please refer to MUI's documentation.

Changelog

Check the changelog for release notes and version updates.

Contributing

Please refer to the repository README to learn more about our development process, suggest improvements, and submit pull requests.

License

MIT © mpulsemobile