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%