RadioPage

This page allows for a simple radial selection page, where the user switch between two or more options.

Implementation

Below is a code sample, which will be explained further underneath:

<RadioPage DefaultOption="choice-1" Description="Please a select a choice. This is important.">
    <TopLine Text="We strongly recommend choice 1!"/>
    <Options>
        <RadioOption>
            <Text>Choice 1 (recommended)</Text>
            <Name>choice-1</Name>
        </RadioOption>
        <RadioOption>
            <Text>Choice 2</Text>
            <Name>choice-2</Name>
        </RadioOption>
    </Options>
    <BottomLine Text="Learn more" Link="https://example.com"/>
</RadioPage>

Options are specified as RadioOption, and have a Text property that is shown next to the option.

RadioPage also has a DefaultOption property, which you should use to set which option is checked by default. The value should match the Name of an option.