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.

Opacity

Global

Token Value Example
jh-opacity-0
Transparent
0
jh-opacity-100
Opacity 100
0.1
jh-opacity-200
Opacity 200
0.2
jh-opacity-300
Opacity 300
0.3
jh-opacity-400
Opacity 400
0.4
jh-opacity-500
Opacity 500
0.5
jh-opacity-600
Opacity 600
0.6
jh-opacity-700
Opacity 700
0.7
jh-opacity-800
Opacity 800
0.8
jh-opacity-900
Opacity 900
0.9

Decision

Token Value Example
jh-opacity-disabled
Used on disabled elements
0.3