How to hide menu button in default layout?

[DamianGlowala]

Given the following Vue template:

<template>
    <media-player
        :src="src"
        playsinline
    >
        <media-provider />

        <media-video-layout />
    </media-player>
</template>

... how to entirely remove the following button?

I feel like there isn't much room for flexibility/composability at the moment, unless I missed relevant sections in the docs which describe how to achieve this. Thank you!

[mihar-22]

Hey Damian! This is not really an issue, please open questions in discussions or Discord :) You can hide it using CSS or you can opt to create your own layout (see our examples). There's tons of flexibility in our library, but unfortunately we don't have slots for our Web Component library yet like we do for React (add/replace existing content in our layout).

.vds-settings-menu {
  display: none;
}

Also note our menus don't render anything when not open so there's no performance issue for leaving it.