Socket
Socket
Sign inDemoInstall

@material/switch

Package Overview
Dependencies
Maintainers
11
Versions
1687
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@material/switch - npm Package Compare versions

Comparing version 0.31.0 to 0.32.0

2

package.json
{
"name": "@material/switch",
"description": "The Material Components for the web switch component",
"version": "0.31.0",
"version": "0.32.0",
"license": "Apache-2.0",

@@ -6,0 +6,0 @@ "keywords": [

@@ -41,2 +41,4 @@ <!--docs:

### HTML Structure
```html

@@ -49,6 +51,9 @@ <div class="mdc-switch">

</div>
<label for="basic-switch" class="mdc-switch-label">off/on</label>
<label for="basic-switch">off/on</label>
```
### Disabled
#### Disabled Switch
Users can add `disabled` directly to the input element or set the fieldset containing the switch to `disabled` to disable a switch. Disabled switches cannot be interacted with and have no visual interaction effect.
```html

@@ -61,11 +66,14 @@ <div class="mdc-switch">

</div>
<label for="another-basic-switch" class="mdc-switch-label">off/on</label>
<label for="another-basic-switch">off/on</label>
```
### Classes
### CSS Classes
#### Block
CSS Class | Description
--- | ---
`mdc-switch` | Mandatory, for the parent element
`mdc-switch__native-control` | Mandatory, for the input checkbox
`mdc-switch__background` | Mandatory, for the background element
`mdc-switch__knob` | Mandatory, for the knob element
The block class is `mdc-switch`. This defines the top-level switch element.
### Sass Mixins

@@ -72,0 +80,0 @@

Sorry, the diff of this file is not supported yet

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