@material/switch
Advanced tools
Comparing version 0.31.0 to 0.32.0
{ | ||
"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
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
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
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
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
86
19691
157