Skip to content

Application side

The application side renders an <aside> panel on the right-hand side of the application. Use it for secondary information that complements the current view — for example a chat, a context panel, or a help drawer. Place it inside the side slot of Application.

Slots

default
The content of the side panel.

Snippet

vue
<template>
    <FluxApplicationSide>
        <!-- Side panel content. -->
    </FluxApplicationSide>
</template>

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