Caution: The Jack Henry design system is currently in an alpha state. Designs, code, and documentation may change at any time without warning. The system is presented for testing purposes only.

Border radius

Global

Token Value Example
jh-border-radius-0
No border radius
0
jh-border-radius-50
Border radius 50
2px
jh-border-radius-100
Border radius 100
4px
jh-border-radius-200
Border radius 200
8px
jh-border-radius-300
Border radius 300
12px
jh-border-radius-400
Border radius 400
16px
jh-border-radius-circle
Circular border radius
50%