package.docs.utilities.borders.mdx Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of core Show documentation
Show all versions of core Show documentation
Premium and Open Source dashboard template with responsive and high quality UI.
The newest version!
---
title: Borders
description: Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.
---
## Border direction
The following border utilities classes will add border to any side of an element.
```html example centered separated background="white"
1
2
3
4
5
6
7
```
```html
1
2
3
4
5
6
7
```
## Border size
Below are the available border size utilities classes.
```html example centered separated background="white"
1
2
3
```
```html
1
2
3
```
## Remove border
You can remove a border on a single side of an element by using the following border utilities classes.
```html example centered separated background="white"
1
2
3
4
5
6
```
```html
1
2
3
4
5
6
```
## Border color
You can set a border color of any side of an element by adding the following utilities classes below.
```html example centered separated background="white"
1
2
3
4
5
6
7
8
```
```html
1
2
3
4
5
6
7
8
```
## Border radius
You can set a border to any element by using the following utilities classes below.
```html example centered separated background="white"
1
2
3
4
5
6
```
```html
1
2
3
4
5
6
```