ember-cli addon for @material/card
.
- Ember.js v4.4 or above
- Ember CLI v4.4 or above
- Node.js v14 or above
ember install ember-cli-mdc-card
This package contains the following top-level components.
The {{mdc-card}}
is a component that implements the
Material Design card component.
-
outlined
- The card is outlined, and not elevated.
Use the {{mdc-card-media}}
component to add an optional media component to the card. The
{{mdc-card-media}}
also contains the {{mdc-card-media-content}}
, which is optional content
displayed over the media, like a title.
-
scale
- Sets the scale of the media to either square (i.e., width equal height), or 16x9 aspect ratio.
Actions typically appear at the bottom of the card. The actions can either be a button or
an icon button. Use the {{mdc-card-actions}}
component, and its child components, to add
actions to a {{mdc-card}}
component.
-
{{mdc-card-action-button}}
- Standard button as a card action. -
{{mdc-card-action-button-link-to}}
- A link component as a card action. -
{{mdc-card-action-icon}}
- A{{mdc-icon}}
component as a card action. -
{{mdc-card-action-icon-toggle}}
- A{{mdc-icon-button-toggle}}
as a card action.