MUI + UXPin Merge

Integration of MUI with UXPin Merge Technology.

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.

How to use this boilerplate?

1. Fork this repository and clone it to your computer.
2. Install dependencies with yarn install
3. Log in to your UXPin account
4. Start Merge dev environment with yarn run start

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 |