eliteKit
Xamarin UI Kit
Welcome back

Switch overview

eliteSwitch element overview

The Switch element can be used as a checkbox alternative to get an active and inactive state. Define your own primary and secondary color for the linear gradient, define whether a gradient should be used and modify the animation speed.

Main features
The main features of the Switch element
Sample image
Sample image of the Switch element
Code samples
C# and XAML code samples for this element
XAML
C#
<eliteKit:eliteSwitch
  VerticalOptions="Start"
  HorizontalOptions="Center"
  WidthRequest="100"
  HeightRequest="50"
  ColorPrimary="#548EC1"
  ColorSecondary="#254867"
  ColorBackground="LightGray"
  ToggledBackgroundColor="Gray"
  AnimationSpeed="15"
  IsGradient="True" />
eliteSwitch eliteSwitch = new eliteSwitch()
{
  VerticalOptions = LayoutOptions.Start,
  HorizontalOptions = LayoutOptions.Center,
  WidthRequest = 100,
  HeightRequest = 50,
  ColorPrimary = Color.FromHex("548EC1"),
  ColorSecondary = Color.FromHex("254867"),
  ColorBackground = Color.LightGray,
  ToggledBackgroundColor = Color.Gray,
  AnimationSpeed = 15,
  IsGradient = true
};
Properties & Events
Navigate to the properties or events page
We are using cookies!
This website uses cookies to ensure you get the best experience on our website. We're sorry that you can't eat them.
eliteKit
Create beautiful Xamarin Forms apps with eliteKit.
A collection of a lot UI elements made in SkiaSharp.
0
community members
0
eliteKit PRO members
0
eliteKit LITE downloads
0
eliteKit elements
Copyright © 2020. All rights reserved. Made with a lot of love and caffeine.
Powered by eliteCode.