Can I customize the default layout

[trry-hub]

I want to modify the thumbnail component. I need to input HTML. How can I achieve this?
environment
vue3 + vite

[mihar-22]

For Web Components, you can customize using CSS variables or any of the options listed on the linked page. You can also just use CSS to target and customize whatever you want. Inspect your document like you normally would and apply styles using the classes. For example, the thumbnails have the vds-thumbnail class.

[mihar-22]

Slots are not available for Web Components at the moment due to some limitations with Shadow DOM.

[trry-hub]

Is there any other way? I need to use the following style in my business, currently implemented using ArtPlayer's custom plugins. But I really want to use Vidstack, and I believe it has better underlying design than Artplayer.

[trry-hub]

Can you update the demo for the Vue version? Currently, it cannot achieve the layout effect

[mihar-22]

The alternative is to build custom layout, see our examples and the docs for full customization options and styling for each component. You can use our Default Theme so you don't have to style things from scratch and get the same design as our Default Layout for buttons, sliders, menus, etc.

[trry-hub]

Completely customizing is too difficult for front-end development engineers without UI design experience. And without reading the Vidstack source code, I am not proficient in using components