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

Analytical dashboard

App header

Breadcrumbs

Button bar

Contact details

Content status

File upload

Forms

Header block

Patterns

Indication

International address form

International phone number

List builder

List filtering

Menu button

Metric

Navigation

Preferences dialog

Search

Selectable card

Split button

Vertical navigation

Support and contributions

Themes

Accordion

AG Grid theme

Avatar

Badge

Banner

Button

Calendar

Card

Carousel

Checkbox

Collapsible

Combo box

Country symbol

Date Input

Date Picker

Overview

About

Developing

Figma Libraries

Figma Component Guides

Tableau

Designing

Icons

Country symbols

Assets

JPM brand colors

Legacy (UITK) colors

Categorical colors

Semantic use of color

Color

Shadow

Z-Index

Elevation

Layout grid

Breakpoints

Small viewports

Responsiveness

JPM brand

Legacy (UITK)

Characteristics

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

List box

Localization provider

Multiline input

Navigation item

Number input

Overlay

Pagination

Panel

Pill

Progress

Radio button

Salt provider

Scrim

Segmented button group

Semantic icon provider

Skip link

Slider

Range slider

Spinner

Splitter

Static list

Status indicator

Stepper

Switch

System status

Table

Tabs

Text

Toast

Toggle button

Tokenized input

Tooltip

Grid Layout enables complex arrangement of UI elements within a system of columns and rows to create an evenly distributed, responsive and organized user interface. It is typically used to position repeating widgets in the main content area, such as a Dashboard. When combined with responsive breakpoints, you can configure `GridLayout` and `GridItem` to determine how its content is displayed across different viewport sizes or device screen sizes, for example, how many columns wide the UI element should be.

@salt-ds/core