carbon-react-agave
Advanced tools
A collection of Carbon Components implemented using React.
View available React Components here. Usage information is available when you click the blue ? icon in the top right corner of the selected component.
npm install -S carbon-react-agave carbon-components carbon-icons
# Or, with yarn
yarn add carbon-react-agave carbon-components carbon-icons
These components require the use of Webpack in your project. See our webpack.config.js for an example configuration.
Components do not import any of the styles themselves, use the scss or css from carbon-components to bring in styling. You can also use the unpkg cdn to bring in the styles wholesale - unpkg.com/carbon-components/css/carbon-components.css aliases the latest css file.
For older browsers (e.g. IE11), polyfills listed in carbon-components-react/.storybook/polyfills.js file is required.
If you just want to try out carbon-components-react, you can also use Codesandbox.
Please refer to the Contribution Guidelines before starting any work.
We recommend the use of React Storybook for developing components.
(Optional) Set true to CARBON_USE_EXPERIMENTAL_FEATURES environment variable to test some of the experimental features:
$ export CARBON_USE_EXPERIMENTAL_FEATURES=true
Start the server:
$ yarn storybook
Open browser to http://localhost:9000/.
Develop components in their respective folders (/components or /internal).
Write stories for your components in /.storybook.
Please check out our Contribution Guidelines for detailed information on how you can lend a hand.
To update the Contributors section, follow these instructions
Thanks goes to these wonderful people:
FAQs
A React wrapper for carbon-components
We found that carbon-react-agave demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 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
Research
An advanced npm supply chain attack is leveraging Ethereum smart contracts for decentralized, persistent malware control, evading traditional defenses.
Security News
Research
Attackers are impersonating Sindre Sorhus on npm with a fake 'chalk-node' package containing a malicious backdoor to compromise developers' projects.
Security News
The npm package for the LottieFiles Player web component was hit with a supply chain attack after a software engineer's npmjs credentials were compromised.
