border

The Border token group defines styles for basic and focus borders, as well as interactive borders for states like default, hover, active, and selected. These tokens are used to frame components or indicate interactivity during hover and other interactive states, ensuring a clear and consistent user experience.

border

#d9d9d9
basic
#7847ff
focus

border-interactive

#bfbfbf
state-default
#b2b2b2
state-hover
#a5a5a5
state-active
#7847ff
state-selected

© 2025 Spirit. Page last updated on Nov 30, 2024, 20:13