Tag - DIPSAS/DIPS.Xamarin.UI GitHub Wiki
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
:point_right: 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 |