Skip to main content

Expander

Description​

Use Expander for secondary settings that should start collapsed until needed.

Expander in light mode Expander in dark mode

Captured state changes​

Expanded

Expander expanded state in light mode Expander expanded state in dark mode

Example usage​

<fluence:Expander Header="Advanced options" IsExpanded="False">
    <fluence:ToggleSwitch HeaderContent="Send notifications" />
</fluence:Expander>

State and behavior​

IsExpanded reveals or hides secondary content; the header remains visible.

Reference​