Border
We can use Border various width and color by CSS Class
Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.
Default border
The default border utility applies a solid, 1px border, with a default gray color.
jds-border
Borders can be applied and remove to a specific edge or to the X and Y axes individually:
jds-border-top
jds-border-right
jds-border-bottom
jds-border-left
Border-width applied using class (border-width-1, ... border-width-10 ) with jds-border class:
jds-border border-width-1
jds-border border-width-2
jds-border border-width-3
jds-border border-width-4
jds-border border-width-5
jds-border border-width-6
Border-color- applied using class (border-color-primary, ... border-color-tertiary ) with jds-border class:
jds-border border-color-primary
jds-border border-color-success
jds-border border-color-warning
jds-border border-color-error
jds-border border-color-info
jds-border border-color-tertiary
jds-border border-color-white
jds-border border-width-6