React Components is a design system for TPR
React components are maintained following a multi-package approach where components are packaged and published individually, but combined under this single repository.
See the CONTRIBUTING
| Package | Version | Size |
|---|---|---|
@tpr/core |
||
@tpr/forms |
||
@tpr/icons |
||
@tpr/layout |
||
@tpr/theming |
React Components packages are ready to use in a Create React App environment or together with standard Rollup or webpack build configurations.
Here is a simple example to get you started:
import React from 'react';
import ReactDOM from 'react-dom';
import ThemeProvider from '@tpr/theming';
import { Button } from '@tpr/core';
const App = () => {
return (
/* Include a ThemeProvider wrapper at the root of your app */
<ThemeProvider>
<Button>Example React button</Button>
</ThemeProvider>
);
};
ReactDOM.render(<App />, document.getElementById('root'));See TPR React Components documentation website
MIT