eliteKit
Xamarin UI Kit
Welcome back

Badge overview

eliteBadge element overview

The Badge element can be used to display a small badge around any element.

Main features
The main features of the Badge element
Sample image
Sample image of the Badge element
Code samples
C# and XAML code samples for this element
XAML
C#
<eliteKit:eliteBadge
  VerticalOptions="Start"
  HorizontalOptions="Center"
  BadgeDirection="TopRight"
  BadgeHeight="25"
  BadgeWidth="25"
  ColorBadge="Red"
  ContentBadge="10">
  <eliteKit:eliteBadge.BadgeView>
    <Image
      WidthRequest="150"
      HeightRequest="150"
      Source="eliteKit.demoImages.imageDominik.jpg" />
  </eliteKit:eliteBadge.BadgeView>
</eliteKit:eliteBadge>
Image imageBadge = new Image()
{
  WidthRequest = 150,
  HeightRequest = 150,
  Source = ImageSource.FromResource("eliteKit.demoImages.imageDominik.jpg")
};

eliteBadge eliteBadge = new eliteBadge()
{
  VerticalOptions = LayoutOptions.Start,
  HorizontalOptions = LayoutOptions.Center,
  BadgeDirection = eliteBadgeDirection.TopRight,
  BadgeHeight = 25,
  BadgeWidth = 25,
  BadgeView = imageBadge,
  ColorBadge = Color.Red,
  ContentBadge = "10"
};
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.