MyDSTV Material UI components for Multichoice Design System
npm install @multichoice/mydstv-materialuiMyDSTV Material UI components for the Multichoice Design System. This package provides web components built with Material-UI for the MyDSTV brand.
``bash`
npm install @multichoice/mydstv-materialui
This package requires the following peer dependencies:
`bash`
npm install react react-dom @multichoice/core @mui/material @emotion/react @emotion/styled
`typescript
import { MyDSTVButton } from '@multichoice/mydstv-materialui';
Click me
`
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
``- React 18+
- Node.js 18+
MIT