@chakra-ui/modal
Advanced tools
Comparing version 1.8.6 to 1.8.7
# Change Log | ||
## 1.8.7 | ||
### Patch Changes | ||
- [`d9f8bea60`](https://github.com/chakra-ui/chakra-ui/commit/d9f8bea6081020c1841cb0d0f094642c7ce71db6) | ||
[#4046](https://github.com/chakra-ui/chakra-ui/pull/4046) Thanks | ||
[@mcha-dev](https://github.com/mcha-dev)! - Fix link in @see doc | ||
## 1.8.6 | ||
@@ -4,0 +12,0 @@ |
@@ -252,3 +252,3 @@ "use strict"; | ||
* | ||
* @see Docs https://chakra-ui.com/docs/components/modal | ||
* @see Docs https://chakra-ui.com/docs/overlay/modal | ||
*/ | ||
@@ -302,3 +302,3 @@ var ModalHeader = /*#__PURE__*/(0, _system.forwardRef)(function (props, ref) { | ||
* | ||
* @see Docs https://chakra-ui.com/docs/components/modal | ||
* @see Docs https://chakra-ui.com/docs/overlay/modal | ||
*/ | ||
@@ -344,3 +344,3 @@ var ModalBody = /*#__PURE__*/(0, _system.forwardRef)(function (props, ref) { | ||
* ModalFooter houses the action buttons of the modal. | ||
* @see Docs https://chakra-ui.com/docs/components/modal | ||
* @see Docs https://chakra-ui.com/docs/overlay/modal | ||
*/ | ||
@@ -347,0 +347,0 @@ var ModalFooter = /*#__PURE__*/(0, _system.forwardRef)(function (props, ref) { |
@@ -224,3 +224,3 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } | ||
* | ||
* @see Docs https://chakra-ui.com/docs/components/modal | ||
* @see Docs https://chakra-ui.com/docs/overlay/modal | ||
*/ | ||
@@ -273,3 +273,3 @@ export var ModalHeader = /*#__PURE__*/forwardRef((props, ref) => { | ||
* | ||
* @see Docs https://chakra-ui.com/docs/components/modal | ||
* @see Docs https://chakra-ui.com/docs/overlay/modal | ||
*/ | ||
@@ -314,3 +314,3 @@ export var ModalBody = /*#__PURE__*/forwardRef((props, ref) => { | ||
* ModalFooter houses the action buttons of the modal. | ||
* @see Docs https://chakra-ui.com/docs/components/modal | ||
* @see Docs https://chakra-ui.com/docs/overlay/modal | ||
*/ | ||
@@ -317,0 +317,0 @@ export var ModalFooter = /*#__PURE__*/forwardRef((props, ref) => { |
@@ -137,3 +137,3 @@ import { CloseButtonProps } from "@chakra-ui/close-button"; | ||
* | ||
* @see Docs https://chakra-ui.com/docs/components/modal | ||
* @see Docs https://chakra-ui.com/docs/overlay/modal | ||
*/ | ||
@@ -148,3 +148,3 @@ export declare const ModalHeader: import("@chakra-ui/system").ComponentWithAs<"header", ModalHeaderProps>; | ||
* | ||
* @see Docs https://chakra-ui.com/docs/components/modal | ||
* @see Docs https://chakra-ui.com/docs/overlay/modal | ||
*/ | ||
@@ -156,3 +156,3 @@ export declare const ModalBody: import("@chakra-ui/system").ComponentWithAs<"div", ModalBodyProps>; | ||
* ModalFooter houses the action buttons of the modal. | ||
* @see Docs https://chakra-ui.com/docs/components/modal | ||
* @see Docs https://chakra-ui.com/docs/overlay/modal | ||
*/ | ||
@@ -159,0 +159,0 @@ export declare const ModalFooter: import("@chakra-ui/system").ComponentWithAs<"footer", ModalFooterProps>; |
{ | ||
"name": "@chakra-ui/modal", | ||
"version": "1.8.6", | ||
"version": "1.8.7", | ||
"description": "An accessible dialog (modal) component for React & Chakra UI", | ||
@@ -73,3 +73,3 @@ "keywords": [ | ||
"devDependencies": { | ||
"@chakra-ui/system": "1.6.6", | ||
"@chakra-ui/system": "1.6.7", | ||
"framer-motion": "^4.0.0", | ||
@@ -76,0 +76,0 @@ "react": "^17.0.1", |
@@ -194,4 +194,4 @@ # @chakra-ui/modal | ||
The Drawer component is a panel that slides out from the edge of the screen. | ||
It can be useful when you need users to complete a task or view some details | ||
The Drawer component is a panel that slides out from the edge of the screen. | ||
It can be useful when you need users to complete a task or view some details | ||
without leaving the current page. | ||
@@ -245,19 +245,18 @@ | ||
> | ||
<DrawerOverlay> | ||
<DrawerContent> | ||
<DrawerCloseButton /> | ||
<DrawerHeader>Create your account</DrawerHeader> | ||
<DrawerOverlay /> | ||
<DrawerContent> | ||
<DrawerCloseButton /> | ||
<DrawerHeader>Create your account</DrawerHeader> | ||
<DrawerBody> | ||
<Input placeholder="Type here..." /> | ||
</DrawerBody> | ||
<DrawerBody> | ||
<Input placeholder="Type here..." /> | ||
</DrawerBody> | ||
<DrawerFooter> | ||
<Button variant="outline" mr={3} onClick={onClose}> | ||
Cancel | ||
</Button> | ||
<Button color="blue">Save</Button> | ||
</DrawerFooter> | ||
</DrawerContent> | ||
</DrawerOverlay> | ||
<DrawerFooter> | ||
<Button variant="outline" mr={3} onClick={onClose}> | ||
Cancel | ||
</Button> | ||
<Button color="blue">Save</Button> | ||
</DrawerFooter> | ||
</DrawerContent> | ||
</Drawer> | ||
@@ -264,0 +263,0 @@ </> |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
193259
265