MUI + UXPin Merge

Integration of MUI with UXPin Merge Technology.

Installation

yarn install

Running Experimental Mode

Use this command to launch the Merge test environment:

yarn run uxpin:test or npx uxpin-merge --disable-tunneling

Packaging the Components

This command will run the build command and package the library in .tgz format which could be installed in a React project.

yarn run package

About MUI

MUI (formerly Material-UI) is the React UI library you always wanted. You can implement your own design system, or start with Material Design.

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.

Supported components

COMPONENT	STATUS
Accordian	✓ Completed
Accordion Details	✓ Completed
Accordion Summary	✓ Completed
Alert	✓ Completed
Alert Title	✓ Completed
App Bar	✓ Completed
Auto Complete	✎ In Progress
Avatar	✓ Completed
AvatarGroup	✓ Completed
Backdrop	✓ Completed
Badge	✓ Completed
Bottom Navigation	✓ Completed
Bottom Navigation Action	✓ Completed
Box	✓ Completed
Breadcrumbs	✓ Completed
Button	✓ Completed
Button Group	✓ Completed
Card	✓ Completed
Card Actions	✓ Completed
Card Actions Area	✓ Completed
Card Content	✓ Completed
Card Header	✓ Completed
Card Media	✓ Completed
Checkbox	✓ Completed
Checkbox With Label	✓ Completed
Circular Progress	✓ Completed
Collapse	✓ Completed
Container	✓ Completed
Date/Time (Input)	✎ In Progress
DatePicker (Input)	⚑ Experimental
Dialog	✓ Completed
Dialog Action	✓ Completed
Dialog Content	✓ Completed
Dialog Content Text	✓ Completed
Dialog Title	✓ Completed
Divider	✓ Completed
Divider: Vertical	✓ Completed
Drawer	✓ Completed
Floating Action Button	✓ Completed
Form Control Label	✓ Completed
Form Group	✓ Completed
FormControl	✓ Completed
FormControlGroup	⚑ Experimental
FormHelperText	✓ Completed
FormLabel	✓ Completed
Grid	✓ Completed
Grid List/ImageList	✓ Completed
Icon	✓ Completed
Icon Button	✓ Completed
Image	✓ Completed
Image List	✓ Completed
Image List Item	✓ Completed
Input label	✓ Completed
Linear Progress	✓ Completed
Link	✓ Completed
List	✓ Completed
List Item	✓ Completed
List Item Avatar	✓ Completed
List Item Button	✓ Completed
List Item Icon	✓ Completed
List Item Text	✓ Completed
List Sub Header	✓ Completed
Loading Button	✓ Completed
Menu	✓ Completed
Menu Item	✓ Completed
Menu List	✎ In Progress
Pagination	⚑ Experimental
Paper	✓ Completed
Radio Button	✓ Completed
Rating	✓ Completed
Select	✓ Completed
Skeleton	✓ Completed
Slider	✓ Completed
Snackbar	✓ Completed
Speed Dial	✎☏ In Progress
Split Button	✓ Completed
Stack	✓ Completed
Stepper	✎ In Progress
Switch	✓ Completed
Switch with Label	✓ Completed
Tab	✓ Completed
Table	✓ Completed
Table Body	✓ Completed
Table Cell	✓ Completed
Table Container	✓ Completed
Table Header	✓ Completed
Table Row	✓ Completed
Tabs	✓ Completed
Textfield	✓ Completed
Toggle Button	✓ Completed
Toggle Button Group	✓ Completed
Tool Bar	✓ Completed
Tooltip	✓ Completed
Transfer List	✎☏ In Progress
Typography	✓ Completed