feat: add css reset scope (#7464)

chakra-ui · Mar 19, 2023 · 0f8a500 · 0f8a500 · vercel · Mar 19, 2023
1 parent b757423
commit 0f8a500
Show file tree

Hide file tree

Showing 4 changed files with 118 additions and 102 deletions.
diff --git a/.changeset/breezy-deers-judge.md b/.changeset/breezy-deers-judge.md
@@ -0,0 +1,22 @@
+---
+"@chakra-ui/css-reset": minor
+"@chakra-ui/provider": minor
+"@chakra-ui/theme": minor
+---
+
+Add support for scoping the css reset to specific selector.
+
+To use this feature, pass the `resetScope` prop to the `ChakraProvider` or
+`ChakraBaseProvider` component.
+
+```jsx live=false
+import { ChakraProvider } from "@chakra-ui/react"
+
+function App() {
+  return (
+    <ChakraProvider resetScope=".ck-reset">
+      <App />
+    </ChakraProvider>
+  )
+}
+```