Skip to content
/ mosaic Public

@melfore/mosaic is a free, open source, TypeScript ReactJS library that wraps @mui/* components offering a lightweight and simplified usage of Material UI.

License

Notifications You must be signed in to change notification settings

melfore/mosaic

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

@melfore/mosaic

Mosaic CI - Release Mosaic CI - Release Beta Mosaic CI - Test Commitizen friendly

Melfore's UI kit library based on @mui/*.

Changelog | Contributing | Migration | Storybook

Getting started

Starting from @melfore/mosaic v8.x Mosaic dropped support for React < v18.x and Material UI < v5.x

Add the package to your project with:

npm install @melfore/mosaic

It requires these peerDependencies to be installed in host project:

    "@emotion/react": ">= 11.8.2 < 12",
    "@emotion/styled": ">= 11.8.1 < 12",
    "@mui/icons-material": ">= 5.5.1 < 6",
    "@mui/material": ">= 5.5.3 < 6",
    "@mui/system": ">= 5.15.4 < 6",
    "@mui/x-date-pickers": ">= 6.16.0 < 7",
    "luxon": ">= 3.4.4 < 4",
    "react": ">= 18 < 19",
    "react-dom": ">= 18 < 19",
    "react-window": ">= 1.8.0 < 1.9.0"

Usage

Browse our StoryBook to discover all available components.

Each component has a dedicated docs page showing how to import plus a playground with a table listing all props that can be dynamically changed to see the results in real time.

component sample

Below the props table you can find a list of most common usage scenario. These are ready to use samples that can be copied and pasted into your codebase using the Show code option.

component sample stories

Browse StoryBook to discover all available components.