Installation

1. Execute npm install @syte-tech/ui
2. Import the fonts into your project import "@syte-tech/ui/assets/fonts.css"
3. Install the required peer dependencies npm i react react-dom @mui/material @emotion/react @emotion/styled lodash polished

Getting started

Include all necessary imports

import CssBaseline from "@mui/material/CssBaseline";
import defaultTheme from "@syte-tech/ui/theme/defaultTheme";
import "@syte-tech/ui/assets/fonts.css";

createRoot(rootElement).render(
    <StrictMode>
        <CssBaseline />
        <ThemeProvider theme={defaultTheme}>
            {/* you react code using syte UI */}
        </ThemeProvider>
    </StrictMode>
);

How to publish

Log into NPM using npm login

Make sure your working directory if ./ui.

Bump the package.json version npm version --git-tag-version false minor

Run npm publish --access public

Maintenance

Adding new custom icons

In case you use the MUI icons, pick the sharp version (imports with Sharp suffix). When adding new custom SVG icons, put the new icon in the src/assets/icons/ dir and execute npm run generate-icons. A react component will be created at src/icons/ for any new SVG icon.