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