API REFERENCE · LAYOUT

`<dj-card>`

Content container. Slots: header, default (content), actions. Optional title/subtitle/media-src. clickable makes the body a button. Parts: root, media, body, actions.

Try it in the playground

@dojo-ng/card · v0.1.1

npm install @dojo-ng/card

import "@dojo-ng/card";

Properties

Property	Attribute	Type	Default
`kind`	`kind` reflected	`"elevated""outlined"`	`"elevated"`
`square`	`square`	`boolean`	`false`
`title`	`title`	`string`	`""`
`subtitle`	`subtitle`	`string`	`""`
`mediaSrc`	`media-src`	`string`	None
`mediaTitle`	`media-title`	`string`	None
`clickable`	`clickable`	`boolean`	`false`

Slots

Slot	Description
`header`
Default slot	content
`actions`

CSS parts

Style these with dj-card::part(name).

rootmediabodyactions