See the demo component here
Below, an example of using the ThemeProvider component:
import { ThemeProvider } from 'mdwrapper';
import App from './App';
const Demo = () => (
<ThemeProvider
background={'#f5f5f5'}
error={'#f44336'}
primary={'#2196f3'}
secondary={'#ffeb3b'}
surface={'#fafafa'}>
<App />
</ThemeProvider>
);
List of all properties for the ThemeProvider component:
Prop | Type | Default | Description |
---|---|---|---|
background | string | '#fff' | BackGround Color |
children | object | - | Node Content |
error | string | '#b00020' | Error Color |
onError | string | '#fff' | On Error Color |
onPrimary | string | '#fff' | On Primary Color |
onSecondary | string | '#000' | On Secondary Color |
onSurface | string | '#000' | On Surface Color |
primary | string | '#6200ee' | Primary Color |
secondary | string | '#018786' | Secondary Color |
surface | string | '#fff' | Surface Color |