Skip to main content

DropDownButton

Description​

Use DropDownButton when all available actions live in the flyout.

DropDownButton in light mode DropDownButton in dark mode

Example usage​

<fluence:DropDownButton Content="New">
    <fluence:DropDownButton.Flyout>
        <StackPanel>
            <fluence:Button Content="Document" Command="{Binding NewDocumentCommand}" />
            <fluence:Button Content="Folder" Command="{Binding NewFolderCommand}" />
        </StackPanel>
    </fluence:DropDownButton.Flyout>
</fluence:DropDownButton>

Bind the two commands on the page's data context to make the flyout choices act on your content.

State and behavior​

Opening the flyout changes the button state; light dismissal closes it.

Reference​