Application menu toggle

The application menu toggle is the button that collapses or expands the menu sidebar. It is rendered automatically by Application top, but you can also place it inside the menu itself — for example as a footer item — to give the user an alternative way to collapse the menu.

The toggle reads its state from useApplicationInjection, so it always reflects the current menu state.

Snippet

FluxApplicationMenuToggle.vue

<template>
    <FluxApplicationMenuToggle/>
</template>

<script
    setup
    lang="ts">
    import { FluxApplicationMenuToggle } from '@flux-ui/application';
</script>

Used components

• Menu
  • Item