Flux

Appearance

Dashboard menu ​

The dashboard menu component displays secondary navigation or contextual actions related to the current dashboard section. It complements the main navigation by giving users quick access to tools, filters, or settings that enhance their workflow.

Props

icon?: FluxIconName
The icon of the dashboard menu.

title?: string
The title of the dashboard menu.

Slots

top-bar-start
The content before the dashboard menu header.

top-bar-end
The content after the dashboard menu header.

default
The content of the dashboard menu.

Snippet ​

vue
<template>
    <FluxDashboardMenu>
        <template #top-bar-start>
            <!-- Optional content in the start. -->
        </template>

        <template #top-bar-end>
            <!-- Optional content in the end. -->
        </template>

        <FluxMenu>
            <!-- Menu items here. -->
        </FluxMenu>
    </FluxDashboardMenu>
</template>

<script
    setup
    lang="ts">
    import { FluxDashboardMenu } from '@flux-ui/dashboard';
    import { FluxMenu } from '@flux-ui/components';
</script>

Used components ​