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
Copy