Expander

Inherits from Xamarin.Forms.ContentView.

The expander allows you to display two stacked views. A header view and then a content view. When the Expander is collapsed, the content is hidden. When expanded, it's shown. And then when tapping on the header it will toggle the state of the Expander.

What makes this nice is that the Expander uses an animation to show and hide the content. This provides a much nicer user experience versus just having the content suddenly appear or disappear.

Properties

Expand Direction

Example

<Rock:Expander>
    <Rock:Expander.Header>
        <Label Text="Tap for details" />
    </Rock:Expander.Header>
    <StackLayout>
        <Label Text="Some details about this event." />
        <Button Text="Register" StyleClass="btn btn-primary" />
    </StackLayout>
</Rock:Expander>

Last updated

⚙️ Powered by Rock RMS