HBO Max inspired react components library.
npm install supreme-kitHBO Max inspired react components library.
Install ui toolkit library.
This is built on top of emotion.js but uses a default theme behind the scene.
Which is based on Supreme Design System tokens and primitives.
``bash`
npm install supreme-kit
Import and use components in a straightforward way
`jsx
import { Button } from "supreme-kit";
function App() {
return ;
}
`
You can override the default theme by providing a custom theme object to the ThemeProvider from emotion.
`jsx
import { ThemeProvider } from "@emotion/react";
import { Button } from "supreme-kit";
const customTheme = {
components: {
button: {
"primary-default": "#002be7ff",
},
},
};
function App() {
return (
);
}
`
For resetting browser styles and achieving correctness, put anywhere in the application:
`tsx
import { Reset } from "supreme-kit";
function App() {
return
}
`
For loading fonts, use the following snippet in the head tag of the index.html file:
`html``
href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap"
rel="stylesheet"
/>