New to Telerik UI for .NET MAUI? Start a free 30-day trial

Creating Circular Buttons


Product Progress® Telerik® UI for .NET MAUI Button
Product Version 0.2.0


How can I create a circular Button based on the Button control for my Telerik UI for .NET MAUI project?


To create a circular button with the Telerik UI for .NET MAUI Button, adjust its Width, Height, and CornerRadius properties in the following way:

  1. Set Width as equal to Height.
  2. Set CornerRadius as half of the Width/Height value.

The following example demonstrates how to implement the suggested approach.

<telerik:RadButton WidthRequest="120"
Text="Circle Button" FontSize="Micro" TextColor="White" BackgroundColor="DarkBlue" CornerRadius="60" />
1. Add the namespace:

The following image shows the end result.

A Telerik UI for .NET MAUI Circular Button in iOS, Android, and WinUI desktop environment

In this article