Border style

The border style foundation provides a standardized set of design tokens to ensure consistent border styles across all components and patterns.

TokenValue
--salt-borderStyle-dasheddashed
--salt-borderStyle-dotteddotted
--salt-borderStyle-solidsolid

Solid border style is the default value used throughout the Salt design system. It provides a continuous unbroken line for components such as containers, buttons and dividers.

Dashed border style is typically used to visually indicate drag/drop targets, such as the File Drop Zone component.

Dotted border style is typically used to indicate a temporary or incomplete process or content block, an example of this is the track between incomplete steps in the Stepper component.

We appreciate your thoughts and feedback on any content in the Salt foundations. Please contact us if you have any comments or questions.