@mana-ui/ui
v0.3.3
Published
One more react UI components library
Downloads
48
Readme
ui
One more react UI components library
Get Started
Install
pnpm add @mana-ui/ui @mana-ui/material react-jss
or
yarn add @mana-ui/ui @mana-ui/material react-jss
or
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.