UI Elements
Images
Rounded images
Use the
.rounded
class for rounded images![media](/images/27.png)
![media](/images/27.png)
![media](/images/27.png)
![media](/images/27.png)
![media](/images/27.png)
Circular images
Use the
.rounded-full
class for circular images![media](/images/27.png)
![media](/images/27.png)
![media](/images/27.png)
![media](/images/27.png)
![media](/images/27.png)
Raised images
Use the
.shadow-lg
class for raised images![media](/images/27.png)
![media](/images/27.png)
![media](/images/27.png)
![media](/images/27.png)
![media](/images/27.png)
Bordered images
Use the
.ring-color
classNames to add an inner border to your images![media](/images/27.png)
![media](/images/27.png)
![media](/images/27.png)
![media](/images/27.png)
![media](/images/27.png)