@multichoice/mydstv-materialui

MyDSTV Material UI components for the Multichoice Design System. This package provides web components built with Material-UI for the MyDSTV brand.

Installation

``bash
npm install @multichoice/mydstv-materialui
`

Peer Dependencies

This package requires the following peer dependencies:

`bash
npm install react react-dom @multichoice/core @mui/material @emotion/react @emotion/styled
`

Components

$3

A customizable button component with MyDSTV branding and Material-UI styling.

`typescript
import { MyDSTVButton } from '@multichoice/mydstv-materialui';


Click me

`

Setup

1. Install the package and its dependencies
2. Import and use the components in your React application

`typescript
import React from 'react';
import { MyDSTVButton } from '@multichoice/mydstv-materialui';

function App() {
return (



);
}
`

Theming

The components are built on top of Material-UI and support Material-UI's theming system. You can customize the appearance using Material-UI's theme provider:

`typescript
import { ThemeProvider, createTheme } from '@mui/material/styles';
import { MyDSTVButton } from '@multichoice/mydstv-materialui';

const theme = createTheme({
// Your custom theme
});

function App() {
return (


Themed Button


);
}
`

Storybook

View all components in Storybook:

`bash
npm run storybook
``

Requirements

- React 18+
- Node.js 18+

License

MIT