Border utilities are used to add or remove an element’s borders. These utilities can be used one at a time or combined together.
Border utilities can either be additive, where borders are added to an element, or subtractive, where borders are removed from an element.
Theme colors can be used to change the color of an elements border. These utilities are named using the format
is any theme color defined in the color map.
Border width utilities change the thickness of the border. These utilities are named using the format
is any thickness integer between 1 and 5.
Border radius utilities are used to modify the roundness of an element.
The border radius utilities above can be used in conjunction with additional border radius size utilities. These classes are named using the format
is any integer between 0 and 3.
Additional border style utilities have been created for Material Admin Pro to add more design flexibility to utilities. The examples below are shown using the
width to make the effect more visible.
Border utilities can be used together to acheive various effects, and can be used with existing components to modify the look and styling of the element.