fix: 💄 add default css styles to toaster component QwikDev/qwik#948

diecodev · Jan 13, 2024 · cb81a4f · cb81a4f
1 parent 7209742
commit cb81a4f
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/toaster.tsx b/src/components/toaster.tsx
@@ -6,6 +6,7 @@ import {
   useOnDocument,
   useSignal,
   useStore,
+  useStyles$,
   useTask$,
   useVisibleTask$,
 } from "@builder.io/qwik";
@@ -22,7 +23,7 @@ import {
   VIEWPORT_OFFSET,
   VISIBLE_TOASTS_AMOUNT,
 } from "../constants";
-import "./styles.css";
+import styles from "./styles.css?inline";
 import { toastState } from "../utils/state";
 
 function getDocumentDirection(): ToasterProps["dir"] {
@@ -40,6 +41,7 @@ function getDocumentDirection(): ToasterProps["dir"] {
 }
 
 export const Toaster = component$<ToasterProps>((props) => {
+  useStyles$(styles);
   const {
     position = "bottom-right",
     hotkey = ["altKey", "KeyT"],