Rock Mobile Docs

Styled Border

Inherits from Border

Overview

With the release of Shell v6 and the transition to .NET MAUI, the commonly used Frame control was deprecated. This was an intentional move, as it has been replaced by the more performant and feature-rich Border control.

However, one key limitation of Border is its lack of CSS support. To address this, StyledBorder was introduced—offering CSS compatibility while retaining all the benefits of the new Border control.

For general usage and additional features, refer to the official Microsoft Border documentation: 

Styling

The following CSS classes are available for use with this control:

CSS PropertyCorresponding PropertyDescription
border-radiusCornerRadiusSets the corner radius of the frame.
border-widthdoubleDefines the width of the border stroke.
border-colorColorSpecifies the color of the border stroke.

Example

<Rock:StyledBorder
    StyleClass="border, bg-interface-softest, border-primary-strong, p-16">
    <Label Text="Borders borders borders oh my!" />
</Rock:StyledBorder>