Utilities - Border
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.
Removing Border
You can use border utilities to remove borders on all sides or individually on an element.
Border Color
You can use border addition and removal utilities together with border color utilities to set their color.
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.