Border Utilities

Use border utilities to quickly apply border styles to an element. Great for images, buttons, or any other element.

Adding Border

You can use border utilities to add borders on all sides or individually on an element.

Border Addition Utilities

Removing Border

You can use border utilities to remove borders on all sides or individually on an element.

Border Removal Utilities

Border Color

You can use border addition and removal utilities together with border color utilities to set their color.

Border Removal Utilities
Brand
Monochrome
State

Position specific border colors are also available. Use ._border-{position}-color-{variant} to set the color of a specific border side (i.e. ._border-top-color-primary).

Border Radius

You can use border radius utilities to add rounded corners to your elements.

Border Radius Utilities