Tag

Tag View

Namespace: DIPS.Xamarin.UI.Controls.Tag

A tag appears as a colorful frame that has a label inside of it. A tag can offer assistance on highlighting data in the human interface.

Source Code can be found here

Samples can be found here

👉 To get started, make sure you have followed the getting started steps

Example usage

<dxui:Tag Text="Hello"
          TextColor="White"
          FontSize="Body"
          BackgroundColor="Red"
          CornerRadius="10"
          Padding="8,5" />

Look and feel

On iOS

On Android

Properties

Property	Explanation	Remarks	default value
BackgroundColor	Colour of the Tag view below the text	This is a bindable property	Color.Default
BorderColor	Colour of the Tag view border	This is a bindable property	Color.Default
CharacterSpacing	Character spacing of the Tag view text	This is a bindable property	0
CornerRadius	Corner radius of the Tag view border	This is a bindable property	-1
FontAttributes	Font attributes of the Tag view text	This is a bindable property	FontAttributes.None
FontFamily	Font family of the Tag view text	This is a bindable property	Null
FontSize	Font size of the Tag view text	This is a bindable property	-1
FormattedText	Formatted text for the Tag view text	Setting FormattedText to a non-null value will set the Text property to null. This is a bindable property	Null
HasShadow	Show or hide shadow for Tag view	This is a bindable property	False
HorizontalTextAlignment	Horizontal text alignment of the Tag view text	This is a bindable property	TextAlignment.Center
LineBreakMode	Line breaking of the Tag view text	This is a bindable property	LineBreakMode.WordWrap
MaxLines	Maximum lines for the Tag view text	This is a bindable property	-1
Padding	Margin between text and Tag view border	This is a bindable property	5
Text	Text displayed inside the Tag view	Setting Text to a non-null value will set the FormattedText property to null. This is a bindable property	Null
TextColor	Colour of the Tag view text	This is a bindable property	Color.Default
VerticalTextAlignment	Vertical text alignment of the Tag view text	This is a bindable property	TextAlignment.Center