720.23K
total weekly downloads
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