Skip to main content

SplitButton

Description​

Use SplitButton when there is one default action plus alternate actions in the flyout.

SplitButton in light mode SplitButton in dark mode

Example usage​

<fluence:SplitButton Content="Save" Command="{Binding SaveCommand}">
    <fluence:SplitButton.Flyout>
        <StackPanel>
            <fluence:Button Content="Save as" Command="{Binding SaveAsCommand}" />
            <fluence:Button Content="Export" Command="{Binding ExportCommand}" />
        </StackPanel>
    </fluence:SplitButton.Flyout>
</fluence:SplitButton>

The main region invokes SaveCommand; bind the alternate commands on the page's data context.

State and behavior​

The main region performs the default action while the arrow opens alternate actions.

Reference​