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

Constructors

constructor

Methods

$destroy $on $set

Constructors

constructor

Methods

$destroy

$on

  • $on<K>(type, callback): (() => void)

  • Type Parameters

    • K extends string

    Parameters

    Returns (() => void)

      • (): void

      • Returns void

$set

Settings

Member Visibility

On This Page

Constructors
Methods