Application menu promo

The application menu promo is a small content block that you can drop inside the menu sidebar to highlight a feature, advertise a plan upgrade, or surface contextual help.

Upgrade to Pro

Unlock advanced analytics and unlimited projects.

Props

icon?: FluxIconName
An optional icon shown before the content.

Slots

default
The content of the promo block — typically a heading and a paragraph.

Snippet

FluxApplicationMenuPromo.vue

<template>
    <Preview>
        <FluxApplicationMenuPromo icon="sparkles">
            <strong>Upgrade to Pro</strong>
            <p>Unlock advanced analytics and unlimited projects.</p>
        </FluxApplicationMenuPromo>
    </Preview>
</template>

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

Used components

• Icon