Skip to content

Gradient Toggle Button

skordesign edited this page Jun 23, 2018 · 1 revision

#Usage

<controls:GradientToggleButton Text="Toggle"
                                                   IsToggled="False"
                                                   ToggleStartColor="#2980B9"
                                                   RippleColor="#12c2e9"
                                                   Image="test.jpg"
                                                   HeightRequest="48"
                                                   HasShadow="False"
                                                   CornerRadius="48"
                                                   WidthRequest="100"
                                                   ToggleTextColor="White"
                                                   HorizontalOptions="StartAndExpand"
                                                   FontSize="Large"
                                                   ToggleCenterColor="#c471ed"
                                                   ToggleEndColor="#c2e59c"></controls:GradientToggleButton>

Use gradient like Gradient Button

StartColor, CenterColor, EndColor

Color when button is untoggle

ToggleStartColor, ToggleCenterColor, ToggleEndColor

Color when button is toggled