Flux

Appearance

Dashboard top bar ​

The dashboard top bar component is a sticky bar that sits at the top of the dashboard content area. It is the lower-level building block used by Dashboard header and reacts to the collapsed state of the dashboard menu through useDashboardInjection. Use it directly when you need a top bar with custom content that goes beyond what FluxDashboardHeader offers.

Slots

default
The content of the top bar.

Snippet ​

vue
<template>
    <FluxDashboardTopBar>
        <!-- The content of the top bar. -->
    </FluxDashboardTopBar>
</template>

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