A container component for card media content such as images, GIFs, or videos. This component should be used within an igc-card element to display visual content.
Element
igc-card-media
Slots
default — Renders the card media content (e.g., img, video elements).

Example

<igc-card>
  <igc-card-media>
    <img src="image.jpg" alt="Card image" />
  </igc-card-media>
</igc-card>

Constructors

Section titled "Constructors"

IgcCardMediaComponent 

new IgcCardMediaComponent(): IgcCardMediaComponent

Defined in node_modules/@lit/reactive-element/development/reactive-element.d.ts:527

Returns IgcCardMediaComponent

Properties

Section titled "Properties"

styles

Section titled "styles"

Array of styles to apply to the element. The styles should be defined using the css tag function, via constructible stylesheets, or imported from native CSS module scripts.

Note on Content Security Policy:

Element styles are implemented with <style> tags when the browser doesn't support adopted StyleSheets. To use such <style> tags with the style-src CSP directive, the style-src value must either include 'unsafe-inline' or nonce-<base64-value> with <base64-value> replaced be a server-generated nonce.

To provide a nonce to use on generated <style> elements, set window.litNonce to a server-generated nonce in your page's HTML, before loading application code:

``

 
styles: CSSResult = styles

Defined in src/components/card/card.media.ts:25

tagName

Section titled "tagName" 
tagName: "igc-card-media" = 'igc-card-media'

Defined in src/components/card/card.media.ts:24

Methods

Section titled "Methods"

register

Section titled "register" 
register(): void

Defined in src/components/card/card.media.ts:28

Returns void