
Security News
Deno 2.2 Improves Dependency Management and Expands Node.js Compatibility
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
@salesforce/design-system-react
Advanced tools
$ npm install @salesforce-ux/design-system @salesforce/design-system-react
Welcome to the project! :wave: This library is the React implementation of the Salesforce Lightning Design System. This library has a peer dependency on @salesforce-ux/design-system
, react
, and react-dom
.
A CommonJS-compatible version has been included within the NPM package to allows usage without transpiling. Use the following named import
syntax to access CommonJS components from /lib/index.js
:
import { Button } from '@salesforce/design-system-react';
<Button label="Hello Button" />
Recommended usage requires that your babel presets are set up correctly. create-react-app
and environments that do not transpile code within node_modules
are not compatible with the component import below. All the examples on the documentation site use this syntax. You can use the Babel preset, @salesforce/babel-preset-design-system-react
, to get started. This preset will keep Babel compatible with Design System React and allow ES6 module benefits such as tree-shaking.
import Button from '@salesforce/design-system-react/components/button';
<Button label="Hello Button" />
.babelrc
settings{
"presets": ["@salesforce/babel-preset-design-system-react"]
}
If you have support questions, please post a question to StackOverflow and tag with design-system-react
. If you find any bugs, create a GitHub Issue.
FAQs
Salesforce Lightning Design System for React
The npm package @salesforce/design-system-react receives a total of 8,843 weekly downloads. As such, @salesforce/design-system-react popularity was classified as popular.
We found that @salesforce/design-system-react demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
Security News
React's CRA deprecation announcement sparked community criticism over framework recommendations, leading to quick updates acknowledging build tools like Vite as valid alternatives.
Security News
Ransomware payment rates hit an all-time low in 2024 as law enforcement crackdowns, stronger defenses, and shifting policies make attacks riskier and less profitable.