docs(show-hide): adding props descriptions to Show / Hide components

chakra-ui · Feb 14, 2022 · eca771a · eca771a
1 parent c5eb9c0
commit eca771a
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/.changeset/breezy-dogs-sniff.md b/.changeset/breezy-dogs-sniff.md
@@ -0,0 +1,5 @@
+---
+"@chakra-ui/media-query": patch
+---
+
+Added props descriptions to Show / Hide components
diff --git a/packages/media-query/src/media-query.tsx b/packages/media-query/src/media-query.tsx
@@ -41,8 +41,17 @@ if (__DEV__) {
 }
 
 export interface ShowProps {
+  /**
+   * A custom css media query that determines when the `children` are rendered. Will render `children` if that query resolves to `true`.
+   */
   breakpoint?: string
+  /**
+   * A value from the `breakpoints` section in the theme. Will render `children` from that breakpoint and below. Similar to `max-width`. Default breakpoint values: `sm`, `md`, `lg`, `xl`, `2xl`.
+   */
   below?: string
+  /**
+   * A value from the `breakpoints` section in the theme. Will render `children` from that breakpoint and above. Similar to `min-width`. Default breakpoint values: `sm`, `md`, `lg`, `xl`, `2xl`.
+   */
   above?: string
   children?: React.ReactNode
 }