Security News
Cloudflare Adds Security.txt Setup Wizard
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
carbon-components-react
Advanced tools
The Carbon Design System is IBM’s open-source design system for products and experiences.
React components for the Carbon Design System
To install carbon-components-react
in your project, you will need to run the
following command using npm:
npm install -S carbon-components-react
If you prefer Yarn, use the following command instead:
yarn add carbon-components-react
This package requires Dart Sass in order to compile styles.
If you're new to Sass, or are wondering how to configure Sass for your project, we recommend checking out the following resources and links:
Once you get Sass up and running in your project, configure Sass to include
node_modules
in its includePaths
option. For more information, checkout the
configuration section in our Sass docs.
The carbon-components-react
package provides components and icons for the
Carbon Design System.
To use a component, you can import it directly from the package:
import { Button } from 'carbon-components-react';
function MyComponent() {
return <Button>Example usage</Button>;
}
To include the styles for a specific component, you can either import all the styles from the project or include the styles for a specific component:
// Bring in all the styles for Carbon
@use 'carbon-components-react';
// Preferred: bring in the styles for one component
@use 'carbon-components-react/scss/components/button';
For a full list of components available, checkout our Storybook.
If you're looking for carbon-components-react
API documentation, check out:
We're always looking for contributors to help us fix bugs, build new features, or help us improve the project documentation. If you're interested, definitely check out our Contributing Guide! 👀
Licensed under the Apache 2.0 License.
This package uses IBM Telemetry to collect metrics data. By installing this package as a dependency you are agreeing to telemetry collection. To opt out, see Opting out of IBM Telemetry data collection. For more information on the data being collected, please see the IBM Telemetry documentation.
FAQs
The Carbon Design System is IBM’s open-source design system for products and experiences.
The npm package carbon-components-react receives a total of 27,817 weekly downloads. As such, carbon-components-react popularity was classified as popular.
We found that carbon-components-react demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 6 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
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
Security News
The Socket Research team breaks down a malicious npm package targeting the legitimate DOMPurify library. It uses obfuscated code to hide that it is exfiltrating browser and crypto wallet data.
Security News
ENISA’s 2024 report highlights the EU’s top cybersecurity threats, including rising DDoS attacks, ransomware, supply chain vulnerabilities, and weaponized AI.