Border for Xamarin Mobile Blazor Bindings

With the new Telerik Border for Xamarin Mobile Blazor Bindings component you will have full control over the look & feel of the border that wraps around your blazor component/view. You could surround any view such as Label, Image, and other, and specify different border thickness and corner radius on each side.

Telerik UI for Xamarin Ninja image

The Border is part of Telerik UI for Xamarin, a professional grade UI component library for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Figure 1: RadBorder Overview

Border Overview

Key features

  • BorderThickness and BorderColor: RadBorder provides a BorderThickness property which you can use together with BorderColor in order to have various types of borders around your views.
<RadBorder BorderColor="@Color.FromHex("#4488F6")"
           BorderThickness="new Thickness(5)"
           HeightRequest="100">
    <Label Text="Hello there!"
            Margin="new Thickness(2)" />
</RadBorder>

Border Color and Thickness

  • Defining different corner radius on each side: Through the CornerRadius property you could specify separate corner radius value on all four angles of RadBorder.
<RadBorder BorderColor="@Color.FromHex("#4488F6")"
           CornerRadius="new Thickness(5)" 
           HeightRequest="100">
    <Label Text="Hello there!"
            Margin="new Thickness(2)" />
</RadBorder>

Here is the result:

Border Getting Started Example

See Also

In this article