@mana-ui/ui NPM

ui

One more react UI components library

Get Started

Install

pnpm add @mana-ui/ui @mana-ui/material react-jss

yarn add @mana-ui/ui @mana-ui/material react-jss

npm install @mana-ui/ui @mana-ui/material react-jss

Configure Design System

import {SystemProvider, Button} from '@mana-ui/ui'
import * as md from '@mana-ui/material'

const App = () => (
    <SystemProvider system={md}>
        <Button>button of material design</Button>
    </SystemProider>
)

Configure CSS order

The order of CSS rules may affect application apperance, you can set CSS insertion point by placing a comment node.

Mana UI uses 'mana-insertion-point' as the insertion potin opinionatedly.

<head>
    <!-- mana-insertion-point -->
    <link href="...">
</head>

To make sure the insertion point works, we should keep using the same JSS instance from JSS context, so we take react-jss as peer dependency, which will be resolved from the same location across all Mana UI packages.

@mana-ui/lib @popperjs/core classnames framer-motion lodash.defaultsdeep popper-max-size-modifier react-popper

@everything-registry/sub-chunk-576 @infinitebrahmanuniverse/nolb-_mana @zalastax/nolb-_mana

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago