feat[coral]: Showcase css modules with example

CSS Modules work by default. Refers: #113
Aiven-Open · Oct 21, 2022 · b3a39a1 · b3a39a1
1 parent f45938a
commit b3a39a1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/coral/src/App.module.css b/coral/src/App.module.css
@@ -0,0 +1,3 @@
+.aClassName {
+  color: pink;
+}
diff --git a/coral/src/App.tsx b/coral/src/App.tsx
@@ -1,12 +1,13 @@
 import { Flexbox, TagLabel, Typography } from "@aivenio/design-system";
+import classes from "./App.module.css";
 
 function App() {
   return (
     <div>
       <Typography htmlTag={"h1"} variant={"heading-2xl"}>
         Hello Klaw 👋
       </Typography>
-      <Flexbox alignItems={"center"}>
+      <Flexbox alignItems={"center"} className={classes.aClassName}>
         <p>This uses the aiven design system! &nbsp; </p>
         <TagLabel title="yey" />
       </Flexbox>