New:Introducing Socket Scanning for VS Code Marketplace Extensions.Learn more →
Get Started
s

salesforce-ux

npm

720.23K

total weekly downloads

Packages

Current Co-maintainers

Former Co-maintainers

119 packages

design-system

Salesforce Lightning Design System

gulp-theo

Gulp-theo is a plugin that transforms and formats Design Tokens

lightning-design-system-linter

This Sketch assistant validates document text colors, border colors, fill colors, and text sizes against the Salesforce Lightning Design System [design tokens](https://www.lightningdesignsystem.com/design-tokens/).

postcss-slds-prefix

A custom prefixer for the Salesforce Lightning Design System

query-ast

A library to traverse/modify an AST

@salesforce-ux/a11y-components

Sample Accessible React Components

@salesforce-ux/build-server-api

Build server calls for the design system

@salesforce-ux/c360-badge

A badge is a read only element used to label content.

@salesforce-ux/c360-button

The button represent an control that should invoke an action

@salesforce-ux/c360-button-toggle

The Button Toggle provides feedback of its pressed and unpressed state.

@salesforce-ux/c360-card

A card is a summary of larger set of content with links that drive visitors to more content.

@salesforce-ux/c360-chip

A Chip is used to dynamically display selected information.

@salesforce-ux/c360-components

A library of components supporting the C360 Design System at Salesforce.

@salesforce-ux/c360-divider

A Divider is a single line to separate or group content.

@salesforce-ux/c360-foundation

A set of foundations supporting the C360 Design System at Salesforce.

@salesforce-ux/c360-grid

The C360 grid system provides a flexible, mobile-first, device-agnostic layout system. It has features to control alignment, flow, and gaps.

@salesforce-ux/c360-icon

Icons are symbols used to represent features, functionality, or content.

@salesforce-ux/c360-image

An image component allows for visual and functional image treatments.

@salesforce-ux/c360-input-checkbox

A checkable input that communicates if an option is true, false or indeterminate.

@salesforce-ux/c360-input-radio

A radio allows the user to choose only one of a predefined set of mutually exclusive options.

@salesforce-ux/c360-popover

A Popover used to display floating transient content in relation to a target.

@salesforce-ux/c360-styling-hooks

Global Styling hooks for C360 use CSS custom properties which make it easy to customize application-wide styling.

@salesforce-ux/c360-text-input

A text input enable the user to interact with and input data.

@salesforce-ux/context-extractor

Extracts contextual metadata from component bundles and classifies styling hooks suggestions for SLDS design token replacement

@salesforce-ux/create-snap

Creates a style/html snapshot