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

@material/button

Package Overview
Dependencies
Maintainers
11
Versions
1701
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@material/button - npm Package Compare versions

Comparing version 0.32.0 to 0.33.0

7

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

@@ -17,6 +17,7 @@ "keywords": [

"@material/elevation": "^0.28.0",
"@material/ripple": "^0.32.0",
"@material/theme": "^0.30.0",
"@material/ripple": "^0.33.0",
"@material/rtl": "^0.33.0",
"@material/theme": "^0.33.0",
"@material/typography": "^0.28.0"
}
}

@@ -73,2 +73,13 @@ <!--docs:

It's also possible to use an SVG icon:
```html
<button class="mdc-button">
<svg class="mdc-button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="...">
...
</svg>
SVG Icon
</button>
```
### CSS Classes

@@ -85,5 +96,3 @@

`mdc-button--dense` | Optional, compresses the button text to make it slightly smaller
`mdc-button--compact` | Optional, reduces the amount of horizontal padding in the button
### Disabled Button

@@ -135,7 +144,8 @@

--- | ---
`mdc-button-container-fill-color` | Sets the container color to the given color
`mdc-button-ink-color` | Sets the ink color to the given color
`mdc-button-stroke-color` | Sets the stroke color to the given color
`mdc-button-corner-radius` | Sets the corner radius to the given number (defaults to 2px)
`mdc-button-stroke-width` | Sets the stroke width to the given number (defaults to 2px)
`mdc-button-container-fill-color` | Sets the container color to the given color.
`mdc-button-icon-color` | Sets the icon color to the given color.
`mdc-button-ink-color` | Sets the ink color to the given color. This affects both text and icon, unless `mdc-button-icon-color` is also used.
`mdc-button-stroke-color` | Sets the stroke color to the given color.
`mdc-button-corner-radius` | Sets the corner radius to the given number (defaults to 2px).
`mdc-button-stroke-width` | Sets the stroke width to the given number (defaults to 2px).

@@ -142,0 +152,0 @@ The ripple effect for the Button component is styled using [MDC Ripple](../mdc-ripple) mixins.

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

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