datawise-lib-coreui
v0.1.21
Published
coreui
Downloads
2,714
Readme
Installation
Install library and required dependencies
yarn add datawise-lib-coreui dayjs
Install Mantine as a dev dependency (temporary workaround)
yarn add -D @mantine/[email protected] @mantine/[email protected] @mantine/[email protected] @mantine/[email protected]
Install additional dependencies for configuration
yarn add -D postcss postcss-preset-mantine postcss-simple-vars
Create a postcss.config.js file in the root directory and paste this in the body
export default { plugins: { "postcss-preset-mantine": {}, "postcss-simple-vars": { variables: { "mantine-breakpoint-xs": "36em", "mantine-breakpoint-sm": "48em", "mantine-breakpoint-md": "62em", "mantine-breakpoint-lg": "75em", "mantine-breakpoint-xl": "88em", }, }, } }
Use the theme provided by the library
import { theme } from "datawise-lib-coreui" ... <MantineProvider theme={theme}> <App /> <MantineProvider> ...
Import default mantine styles in your main index.css file
@import "@mantine/core/styles.css"; @import "@mantine/dates/styles.css"; @import "@mantine/notifications/styles.css"; @import "@mantine/dropzone/styles.css"; 7. Import library styles ~~~ @import "datawise-lib-coreui/index.css";