@rmwc/drawer
Advanced tools
@rmwc/drawer - npm Package Compare versions
Comparing version
| { | ||
| "name": "@rmwc/drawer", | ||
| "version": "14.2.6", | ||
| "version": "14.2.7", | ||
| "description": "RMWC Drawer component", | ||
@@ -42,5 +42,5 @@ "main": "./index.js", | ||
| "@material/drawer": "^14.0.0", | ||
| "@rmwc/base": "workspace:*", | ||
| "@rmwc/types": "workspace:*" | ||
| "@rmwc/base": "14.2.7", | ||
| "@rmwc/types": "14.2.7" | ||
| } | ||
| } |
@@ -59,8 +59,6 @@ # Drawers | ||
| {/* Optional DrawerAppContent */} | ||
| <DrawerAppContent | ||
| style={{ minHeight: '15rem', padding: '1rem' }} | ||
| > | ||
| DrawerAppContent is an optional component that will resize | ||
| content when the dismissible drawer is open and closed. It | ||
| must be placed directly after the Drawer component. | ||
| <DrawerAppContent style={{ minHeight: '15rem', padding: '1rem' }}> | ||
| DrawerAppContent is an optional component that will resize content | ||
| when the dismissible drawer is open and closed. It must be placed | ||
| directly after the Drawer component. | ||
| </DrawerAppContent> | ||
@@ -122,8 +120,3 @@ </div> | ||
| {/** Make the drawer appear right-to-left */} | ||
| <Drawer | ||
| dir="rtl" | ||
| modal | ||
| open={open} | ||
| onClose={() => setOpen(false)} | ||
| > | ||
| <Drawer dir="rtl" modal open={open} onClose={() => setOpen(false)}> | ||
| {/** Set the content back to left-to-right */} | ||
@@ -153,2 +146,3 @@ <DrawerHeader dir="ltr"> | ||
| ## Drawer | ||
| A Drawer component. | ||
@@ -158,36 +152,29 @@ | ||
| | Name | Type | Description | | ||
| |------|------|-------------| | ||
| | `dismissible` | `boolean` | Makes a dismissible drawer. | | ||
| | `foundationRef` | `Ref<MDCModalDrawerFoundation<> \| MDCDismissibleDrawerFoundation<>>` | Advanced: A reference to the MDCFoundation. | | ||
| | `modal` | `boolean` | Makes a modal / temporary drawer. | | ||
| | `onClose` | `(evt: DrawerOnOpenEventT) => void` | Callback that fires when the Drawer is closed. | | ||
| | `onOpen` | `(evt: DrawerOnCloseEventT) => void` | Callback that fires when the Drawer is opened. | | ||
| | `open` | `boolean` | Opens or closes the Drawer. | | ||
| | Name | Type | Description | | ||
| | --------------- | --------------------------------------------------------------------- | ---------------------------------------------- | | ||
| | `dismissible` | `boolean` | Makes a dismissible drawer. | | ||
| | `foundationRef` | `Ref<MDCModalDrawerFoundation<> \| MDCDismissibleDrawerFoundation<>>` | Advanced: A reference to the MDCFoundation. | | ||
| | `modal` | `boolean` | Makes a modal / temporary drawer. | | ||
| | `onClose` | `(evt: DrawerOnOpenEventT) => void` | Callback that fires when the Drawer is closed. | | ||
| | `onOpen` | `(evt: DrawerOnCloseEventT) => void` | Callback that fires when the Drawer is opened. | | ||
| | `open` | `boolean` | Opens or closes the Drawer. | | ||
| ## DrawerHeader | ||
| ## DrawerHeader | ||
| An optional header for the Drawer. | ||
| ## DrawerTitle | ||
| ## DrawerTitle | ||
| An title for the DrawerHeader. | ||
| ## DrawerSubtitle | ||
| ## DrawerSubtitle | ||
| A subtitle for the DrawerHeader. | ||
| ## DrawerContent | ||
| ## DrawerContent | ||
| Content for Drawers. | ||
| ## DrawerAppContent | ||
| ## DrawerAppContent | ||
| For the Dismissible variant only. Sibling element that is resized when the drawer opens/closes. | ||
New alerts
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Fixed alerts
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
Improved metrics
- Number of package files
12
9.09%- Number of low quality alerts
0
-100%Worsened metrics
- Total package byte prevSize
11824
-36.62%- Lines of code
203
-21.62%- Number of lines in readme file
177
-6.84%- Number of medium supply chain risk alerts
1
Infinity%Dependency changes
+ Added
@rmwc/base@14.2.7(transitive)+ Added
@rmwc/types@14.2.7(transitive)+ Added
classnames@2.5.1(transitive)+ Added
hyperform@0.11.0(transitive)+ Added
mutation-observer@1.0.3(transitive)Updated
@rmwc/base@14.2.7Updated
@rmwc/types@14.2.7