Salt Design System

Glossary

About Salt

Roadmap

Supported platforms

Components

Border style

Cursor

Density

Duration

Foundations

Modes

Size

Spacing

Typography

Developing with Salt

Get started

Render prop

Style injection

Analytical dashboard

Announcement dialog

App header

Breadcrumbs

Button bar

Comments

Contact details

Content status

Experience customization

File upload

Formatted input

Forms

Header block

Patterns

Indication

International address form

International phone number

Keyboard shortcuts

List builder

List filtering

Menu button

Metric

Navigation

Preferences dialog

Search

Selectable card

Split button

Vertical navigation

Wizard

Support and contributions

Extended styling

Themes

Accordion

Data grid

Avatar Group

Avatar

Badge

Banner

Button

Calendar

Card

Carousel

Chart

Checkbox

Overview

About

Figma libraries setup

Figma Component Guides setup

Tableau

Designing

Developing

Icons

Country symbols

Assets

J.P. Morgan colors

Legacy (UITK) colors

Categorical colors

Semantic use of color

Color

Chart types

Chart accessibility

Chart anatomy

Color and pattern

Data visualization

Shadow

Z-Index

Elevation

Layout grid

Breakpoints

Responsiveness

How to read semantic tokens

Actionable characteristic

Category characteristic

Container characteristic

Content characteristic

Editable characteristic

Navigable characteristic

Overlayable characteristic

Selectable characteristic

Sentiment characteristic

Separable characteristic

Status characteristic

Token index

Design tokens

Collapsible

Combo box

Country symbol

Date input

Date picker

Range date picker

Dialog

Divider

Drawer

Dropdown

File drop zone

Form field

Icon

Input

Border layout

Flex layout

Flow layout

Grid layout

Parent-child layout

Split layout

Stack layout

Layouts

Link

Link button

List box

Localization provider

Mega menu

Multiline input

Navigation item

Number input

Overlay

Pagination

Panel

Pill

Progress

Radio button

Rating

Salt provider

Scrim

Segmented button group

Semantic icon provider

Side panel

Skip link

Slider

Range slider

Spinner

Splitter

Static list

Status indicator

Stepper

Switch

System status

Table

Tabs

Text

Toast

Toggle button

Toggletip

Tokenized input

Toolbar

Tooltip

Tree

`Card`, `LinkCard`, and `InteractableCard` are visually distinct containers that group information about a single subject. Use `LinkCard` for navigation and `InteractableCard` for actions or selection.


@salt-ds/core

Salt package	@salt-ds/core
Available since	1.1.0