Class TJSMediaContent

Provides an initial implementation to display image or video content from a given file path.

You can either set the url prop or use TJSFileSlotButton and embed TJSMediaContent as a child. A url context / store will be examined if it exists to obtain a file path to load.

The following CSS variables control the associated styles with the default values:

--tjs-media-content-background - transparent
--tjs-media-content-border - none
--tjs-media-content-border-radius - 0
--tjs-media-content-diameter - When defined used for height / width.
--tjs-media-content-height - 100px
--tjs-media-content-object-fit - contain
--tjs-media-content-width - 100px
Hierarchy

Indexable

  • [prop: string]: any

Constructors

constructor

Methods

$destroy $on $set

Constructors

constructor

Methods

$destroy

$on

  • $on<K extends string>(
        type: K,
        callback: (e: CustomEvent<any>) => void,
    ): () => void

  • Type Parameters

    • K extends string

    Parameters

    Returns () => void

$set

Settings

Member Visibility

On This Page

Constructors
Methods