Implement UseMediaQuery showcase

aerialist7 · Oct 7, 2023 · 859c7d9 · 859c7d9
1 parent cf225e6
commit 859c7d9
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/jsMain/kotlin/team/karakum/showcase/material/utils/UseMediaQuery.kt b/src/jsMain/kotlin/team/karakum/showcase/material/utils/UseMediaQuery.kt
@@ -1,8 +1,14 @@
 package team.karakum.showcase.material.utils
 
+import mui.material.useMediaQuery
 import react.FC
 import react.Props
+import react.dom.html.ReactHTML.span
 
 val UseMediaQueryShowcase = FC<Props> {
-    +"Not implemented"
+    val matches = useMediaQuery("(min-width:600px)")
+
+    span {
+        +"(min-width:600px) matches: $matches"
+    }
 }