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.

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.

Download Free Trial

Figure 1: RadBorder 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>

• 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:

See Also

• Getting Started