1.3.1 • Published 1 month ago
@czb-ui/core v1.3.1
czb-ui
High level components for CZ Biohub. Based on CZI's Science Design System and Material UI v5.
Installation
npm install @czb-ui/core czifui @emotion/css @emotion/react @emotion/styled @mui/base @mui/material @mui/icons-material @mui/lab
Additionally, install the needed fonts:
npm install @fontsource/barlow @fontsource/hanken-grotesk @fontsource/stix-two-text @fontsource/lato
Usage
Wrap the ThemeProvider
in your main app.js
file and import the fonts at their specific weights.
import { ThemeProvider } from "@czb-ui/core";
import "@fontsource/hanken-grotesk/400.css";
import "@fontsource/hanken-grotesk/700.css";
import "@fontsource/stix-two-text/600.css";
import "@fontsource/lato/700.css";
import "@fontsource/barlow/600.css";
import "@fontsource/barlow/400.css";
function MyApp({ Component, pageProps }) {
return (
<ThemeProvider>
<Component {...pageProps} />
</ThemeProvider>
);
}
1.3.1
1 month ago
1.3.0
1 month ago
1.2.0
1 month ago
1.1.1
2 months ago
1.1.0
2 months ago
1.0.1
2 months ago
1.0.0
9 months ago
1.0.0-alpha.6
10 months ago
1.0.0-alpha.5
11 months ago
1.0.0-alpha.4
12 months ago
1.0.0-alpha.3
12 months ago
1.0.0-alpha.2
12 months ago
1.0.0-alpha.1
1 year ago
1.0.0-alpha.0
1 year ago
0.4.0-beta.4
1 year ago
0.4.0-beta.3
1 year ago
0.3.1-beta.1
2 years ago
0.4.0-beta.2
1 year ago
0.3.1-beta.0
2 years ago
0.3.0
2 years ago
0.1.2
2 years ago
0.1.1
2 years ago
0.1.0
2 years ago
0.0.2
2 years ago