Socket
Socket
Sign inDemoInstall

@rmwc/card

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/card - npm Package Compare versions

Comparing version 6.1.4 to 7.0.0

2

dist/readme.d.ts
/// <reference types="react" />
export default function (): JSX.Element;
export default function Readme(): JSX.Element;
export declare const galleryExample: JSX.Element;

@@ -12,3 +12,3 @@ "use strict";

var list_1 = require("../list");
function default_1() {
function Readme() {
return (react_1.default.createElement(_doc_utils_1.Docs, { title: "Cards", lead: "Cards contain content and actions about a single subject.", module: "@rmwc/card", styles: [

@@ -93,3 +93,3 @@ '@material/card/dist/mdc.card.css',

}
exports.default = default_1;
exports.default = Readme;
exports.galleryExample = (react_1.default.createElement(_1.Card, { style: { width: '12.5rem', transform: 'scale(0.5)' } },

@@ -96,0 +96,0 @@ react_1.default.createElement(_1.CardPrimaryAction, null,

/// <reference types="react" />
export default function (): JSX.Element;
export default function Readme(): JSX.Element;
export declare const galleryExample: JSX.Element;

@@ -8,3 +8,3 @@ import React from 'react';

import { ListDivider } from '../list';
export default function () {
export default function Readme() {
return (React.createElement(Docs, { title: "Cards", lead: "Cards contain content and actions about a single subject.", module: "@rmwc/card", styles: [

@@ -11,0 +11,0 @@ '@material/card/dist/mdc.card.css',

{
"name": "@rmwc/card",
"version": "6.1.4",
"version": "7.0.0",
"description": "RMWC Card component",

@@ -35,14 +35,14 @@ "main": "dist/index.js",

"peerDependencies": {
"react": "^16.3.x",
"react-dom": "^16.3.x"
"react": ">=16.8.x",
"react-dom": ">=16.8.x"
},
"dependencies": {
"@material/card": "^5.1.0",
"@rmwc/base": "^6.1.4",
"@rmwc/button": "^6.1.4",
"@rmwc/icon-button": "^6.1.4",
"@rmwc/ripple": "^6.1.4",
"@rmwc/types": "^6.0.5"
"@rmwc/base": "^7.0.0",
"@rmwc/button": "^7.0.0",
"@rmwc/icon-button": "^7.0.0",
"@rmwc/ripple": "^7.0.0",
"@rmwc/types": "^7.0.0"
},
"gitHead": "c33a09f349373930ac817c89f21b3246f9e332c2"
"gitHead": "4c1d2d84d146b1baa5f764be95b1a3ed73e11424"
}

@@ -223,35 +223,8 @@ # Cards

### Props
| Name | Type | Description |
|------|------|-------------|
| `checked` | `undefined \| false \| true` | Controls the on / off state of the a toggleable button. |
| `disabled` | `undefined \| false \| true` | Makes the button disabled |
| `foundationRef` | `React.Ref<MDCIconButtonToggleFoundation>` | Advanced: A reference to the MDCFoundation. Only for Toggleable buttons. |
| `icon` | `RMWC.IconPropT` | Icon for the button |
| `label` | `undefined \| string` | Apply an aria label. |
| `onChange` | `undefined \| (evt: IconButtonOnChangeEventT) => void` | An onChange callback that receives a custom event. evt.detail = { isOn: boolean } |
| `onIcon` | `RMWC.IconPropT` | If specified, renders a toggle with this icon as the on state. |
| `ripple` | `RipplePropT` | Adds a ripple effect to the component |
## CardActionButton
A card action Button
### Props
| Name | Type | Description |
|------|------|-------------|
| `children` | `React.ReactNode` | Content specified as children. |
| `danger` | `undefined \| false \| true` | Used to indicate a dangerous action. |
| `dense` | `undefined \| false \| true` | Make the Button dense. |
| `disabled` | `undefined \| false \| true` | Make the button disabled |
| `icon` | `RMWC.IconPropT` | An Icon for the Button |
| `label` | `React.ReactNode \| any` | Content specified as a label prop. |
| `outlined` | `undefined \| false \| true` | Make the button outlined. |
| `raised` | `undefined \| false \| true` | Make the Button raised. |
| `ripple` | `RipplePropT` | Adds a ripple effect to the component |
| `trailingIcon` | `RMWC.IconPropT` | A trailing icon for the Button |
| `unelevated` | `undefined \| false \| true` | Make the button unelevated. |

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