React Material Web Components + UXPin Merge
Integration of RMWC library with UXPin Merge Technology.
About RMWC
RMWC is a collection of React Wrappers for official Google's material-components library. Created and maintained by James Friedman
About UXPin Merge
Merge is a revolutionary technology that lets users import (and keep in sync) coded React.js components from GIT repositories to UXPin editor. The imported components are 100% identical to components used by developers during the development process. It means that components are going to look and, function (interactions, data) identical to the real product experienced by the users.
UXPin is a leading codeβbased design platform.
How to use Merge integration with RMWC?
Merge is currently only available to selected beta users.
- Fork this repository and clone it to your computer.
- Install dependencies with
npm install
- Log in to your UXPin beta account (approved for alpha and beta tests by UXPin Inc.)
- Start Merge dev environment with
npm start
If you wish to push RMWC components to your UXPin account or set-up a continues integration with a CI server - contact UXPin on Merge alpha Slack community.
Supported components
Component | RMWC url | Status |
---|---|---|
Button | RMWC Buttons | |
Fab | RMWC Fabs | |
Icon Button | RMWC Icon Button | |
Card | RMWC Card | |
Chips | RMWC Chips | |
Data Tables | RMWC Data Tables | |
Dialogs | RMWC Dialogs | |
Drawers | RMWC Drawers | |
Elevation | RMWC Elevation | |
Grid Lists | RMWC Grid Lists | |
Image Lists | RMWC Image Lists | |
Checkbox | RMWC Checkbox | |
Radio | RMWC Radio | |
Select Menus | RMWC Select Menus | |
Sliders | RMWC Select Menus | |
Switches | RMWC Switches | |
Text Fields | RMWC Switches | |
Layout Grid | RMWC Switches | |
Linear Progress | RMWC Switches | |
Circular Progress | RMWC Switches | |
Lists | RMWC Switches | |
Menus | RMWC Switches | |
Ripples | RMWC Switches | |
Snackbars | RMWC Switches | |
Tabs | RMWC Switches | |
TopAppBar | RMWC Toolbars | |
Toolbars | RMWC Toolbars | |
Typography | RMWC Toolbars | |
Icons | RMWC Toolbars |
Theming
To change the theme - modify theme.css
file located in the ./src/Wrapper/
directory. ThemeProvider was unfortunately causing bugs with some of the components. The functionality is identitcal in both approaches.