Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@rmwc/switch

Package Overview
Dependencies
Maintainers
1
Versions
176
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@rmwc/switch - npm Package Compare versions

Comparing version 1.10.1-alpha.0 to 2.0.0-alpha.0

docgen.json

12

index.d.ts

@@ -302,3 +302,3 @@ import { SimpleTagPropsT } from '@rmwc/base';

elementRef?: any;
theme?: string | string[] | undefined; /** Toggle the control on and off. */
theme?: string | string[] | undefined;
apiRef?: (<S>(api: S) => S) | undefined;

@@ -320,9 +320,5 @@ } & React.HTMLAttributes<any>): {

elementRef?: any;
theme?: string | string[] | undefined; /** Toggle the control on and off. */
theme?: string | string[] | undefined;
apiRef?: (<S>(api: S) => S) | undefined;
} & React.HTMLAttributes<any>;
/**
* We have to conditionally wrap our checkbox in a formfield
* If we have a label
*/
componentDidMount(): void;

@@ -333,3 +329,3 @@ componentWillReceiveProps(nextProps: P & {

elementRef?: any;
theme?: string | string[] | undefined; /** Toggle the control on and off. */
theme?: string | string[] | undefined;
apiRef?: (<S>(api: S) => S) | undefined;

@@ -357,3 +353,3 @@ } & React.HTMLAttributes<any>): void;

elementRef?: any;
theme?: string | string[] | undefined; /** Toggle the control on and off. */
theme?: string | string[] | undefined;
apiRef?: (<S>(api: S) => S) | undefined;

@@ -360,0 +356,0 @@ } & React.HTMLAttributes<any>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;

@@ -16,5 +16,5 @@ 'use strict';

var _formField = require('@rmwc/form-field');
var _formfield = require('@rmwc/formfield');
var _formField2 = _interopRequireDefault(_formField);
var _formfield2 = _interopRequireDefault(_formfield);

@@ -159,3 +159,3 @@ var _classnames = require('classnames');

return React.createElement(
_formField2.default,
_formfield2.default,
Object.assign({}, rootProps, { className: rootProps.className }),

@@ -162,0 +162,0 @@ switchTag,

{
"name": "@rmwc/switch",
"version": "1.10.1-alpha.0",
"version": "2.0.0-alpha.0",
"description": "RMWC Switch component",

@@ -23,3 +23,3 @@ "main": "index.js",

},
"homepage": "https://github.com/jamesmfriedman/rmwc/tree/master/src/Switch#readme",
"homepage": "https://github.com/jamesmfriedman/rmwc/tree/master/src/switch#readme",
"peerDependencies": {

@@ -31,7 +31,7 @@ "react": "^15.x.x || ^16.x.x",

"@material/switch": "~0.39.1",
"@rmwc/base": "^1.10.1-alpha.0",
"@rmwc/button": "^1.10.1-alpha.0",
"@rmwc/form-field": "^1.10.1-alpha.0",
"@rmwc/base": "^2.0.0-alpha.0",
"@rmwc/button": "^2.0.0-alpha.0",
"@rmwc/formfield": "^2.0.0-alpha.0",
"classnames": "^2.2.5"
}
}

@@ -5,5 +5,7 @@ # Switches

- import from **rmwc/Switch**
- import styles from **@material/switch/dist/mdc.switch.css**
- [https://material.io/develop/web/components/input-controls/switches/](https://material.io/develop/web/components/input-controls/switches/)
- import * from **'@rmwc/switch'**;
- import styles:
- import **'@material/switch/dist/mdc.switch.css'**;
- import **'@material/form-field/dist/mdc.form-field.css'**;
- MDC Docs: [https://material.io/develop/web/components/input-controls/switches/](https://material.io/develop/web/components/input-controls/switches/)

@@ -13,3 +15,3 @@ Switches are identical in function to the [Checkbox](checkboxes) component, they just present a different UI / UX paradigm.

```jsx render
import { Switch } from 'rmwc/Switch';
import { Switch } from '@rmwc/switch';

@@ -34,5 +36,6 @@ {/* Controlled with change handler */}

```jsx renderOnly
import { DocumentComponent } from 'rmwc/Base/utils/DocumentComponent';
import { DocumentComponent } from '@rmwc/base/utils/DocumentComponent';
import * as docs from './docgen.json';
<DocumentComponent displayName="Switch" />
<DocumentComponent docs={docs} displayName="Switch" />
```

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc