Installation
- Install the xoraia package to your system
yarn add @xoraia/lib- Install Peer Dependencies
yarn add @popperjs/core lodash react-use recoil styled-components react-colorful @trendyol-js/react-carousel nanoid @dnd-kit/core @dnd-kit/modifiers @dnd-kit/sortableAdd Material Icons
- For Create React App
Add the material icons link to your public/index.html file
<html>
<head>
...
<link
href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet"
/>
...
</head>
...
</html>- For Next.js
Add the material icons link to your pages/_document.[ js | jsx | ts | tsx ] file
import Document, {
Html,
Head,
Main,
NextScript,
DocumentContext,
} from "next/document";
class MyDocument extends Document {
static async getInitialProps(ctx: DocumentContext) {
const initialProps = await Document.getInitialProps(ctx);
return { ...initialProps };
}
render() {
return (
<Html lang="fr">
<Head>
...
<link
href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet"
/>
...
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
}
export default MyDocument;Usage
read documentation