Icon Button

Displays a Button with an Icon as the content.

Inherits from Button

Overview

Need a Button that displays an icon instead of text? The IconButton control is designed for this purpose. While you can often use a Border with a TapGestureRecognizer to customize content, this control is useful in scenarios where a Context Menu is needed but cannot be attached to a Border.

Properties

Name	Type	Description
IconClass	string	The icon to display.
IconFamily	IconFamily	The icon family to use. Defaults to FontAwesome.
IsActive	bool	Used to apply special styling when active (e.g., setting this to true when a context menu opens).
IsActiveCssClass	string	The CSS class applied when IsActive is true.
InactiveCssClass	string	The CSS class applied when IsActive is false.

Example Usage

<Rock:IconButton IconClass="fa fa-plus"
    IconFamily="FontAwesome"
    HeightRequest="28"
    WidthRequest="28"
    FontSize="14"
    CornerRadius="14"
    StyleClass="btn btn-outline-primary bg-interface-softer border-2 p-0" />

This example creates a circular IconButton with a plus icon, styled as an outlined primary button.