ccr-with-types

v7.9.0

The Carbon Design System is IBM’s open-source design system for products and experiences. For more information about how to use this package see README

Latest version published 5 years ago

License: Apache-2.0

NPM

GitHub

Package Health Score

69 / 100

security
No known security issues
popularity
Small
maintenance
Inactive
community
Active

Explore Similar Packages

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

All Versions

Version				Vulnerabilities	License Risk
7.9.0	\|	01/2020	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

Apache-2.0

Security Policy

Yes

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Small

Weekly Downloads (0)

GitHub Stars: 7.84K
Forks: 1.81K
Contributors: 370

Direct Usage Popularity

The npm package ccr-with-types receives a total of 0 downloads a week. As such, we scored ccr-with-types popularity level to be Small.

Based on project statistics from the GitHub repository for the npm package ccr-with-types, we found that it has been starred 7,844 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Active

Readme.md: Yes
Contributing.md: Yes
Code of Conduct: Yes
Contributors: 370
Funding: No

A good and healthy external contribution signal for ccr-with-types project, which invites more than one hundred open source maintainers to collaborate on the repository.

Embed Package Health Score Badge

Maintenance

Inactive

Commit Frequency

Open Issues: 682
Open PR: 53
Last Release: 5 years ago
Last Commit: 12 days ago

Further analysis of the maintenance status of ccr-with-types based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

An important project maintenance signal to consider for ccr-with-types is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

As a healthy sign for on-going project maintenance, we found that the GitHub repository had at least 1 pull request or issue interacted with by the community.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 5 years
Dependencies: 12 Direct
Versions: 2
Install Size: 6.41 MB
Dist-tags: 1
# of Files: 1.24K
Maintainers: 1
TS Typings: No

ccr-with-types has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

carbon-components-react

A collection of Carbon Components implemented using React.

Getting Started

Run the following command using npm:

npm install -S carbon-components-react carbon-components carbon-icons

If you prefer Yarn, use the following command instead:

yarn add carbon-components-react 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 only want to try out carbon-components-react, you can also use CodeSandbox.

Usage

List of Available Components

View available React Components here. You can see usage information in several ways:

Clicking the blue Show Info icon in the top right corner of the selected component. You can see the list of available React props
Clicking the STORY tab at the bottom. This tab contains the code that shows how the component is being used
Clicking the KNOBS tab at the bottom and changing values there. Most knobs are shown as something like Button kind (kind), where kind is the name of React prop
Clicking the ACTION LOGGER tab at the bottom and interacting with the selected component. You may see something like onClick which typically indicates that the event handler (React prop) with the same name is called. You can also expand the twistie to see the details of the event
Clicking the README tab at the bottom. You can see some more document for some components

📚 Documentation

See our documentation site for full how-to docs and guidelines
Contributing: Guidelines for making contributions to this repo
🏃‍♀️ Migration Guides
- v6 to v7

Contributing

Please check out our Contribution Guidelines for detailed information on how you can lend a hand.

ccr-with-types dependencies

@carbon/icons-react classnames downshift flatpickr focus-trap-react invariant lodash.debounce lodash.isequal lodash.omit react-is warning window-or-global

ccr-with-types development dependencies

@babel/cli @babel/core @babel/plugin-external-helpers @babel/plugin-proposal-class-properties @babel/plugin-proposal-export-default-from @babel/plugin-proposal-export-namespace-from @babel/plugin-syntax-dynamic-import @babel/plugin-syntax-import-meta @babel/plugin-transform-object-assign @babel/preset-env @babel/preset-react @babel/preset-typescript @carbon/test-utils @storybook/addon-a11y @storybook/addon-actions @storybook/addon-info @storybook/addon-knobs @storybook/addon-links @storybook/addon-storysource @storybook/addons @storybook/react @storybook/source-loader @types/classnames @types/react all-contributors-cli babel-core babel-jest babel-loader babel-plugin-dev-expression babel-plugin-react-docgen babel-plugin-transform-inline-environment-variables browserslist-config-carbon carbon-components carbon-icons chalk cli-table core-js cross-env css-loader fast-sass-loader gzip-size jest jest-circus lcov2badge mini-css-extract-plugin node-sass object-assign postcss-custom-properties postcss-loader promise prop-types react react-dom react-test-renderer requestanimationframe rimraf rollup rollup-plugin-babel rollup-plugin-commonjs rollup-plugin-node-resolve rollup-plugin-replace rollup-plugin-sizes rollup-plugin-terser rtlcss sass-loader storybook-readme string-replace-loader terser-webpack-plugin typescript webpack whatwg-fetch

FAQs

What is ccr-with-types?

The Carbon Design System is IBM’s open-source design system for products and experiences. Visit Snyk Advisor to see a full health score report for ccr-with-types, including popularity, security, maintenance & community analysis.

Is ccr-with-types popular?

We’re still processing downloads data for the npm package ccr-with-types. Visit the popularity section on Snyk Advisor to see the full popularity analysis.

Is ccr-with-types well maintained?

We found indications that ccr-with-types is an Inactive project. See the full package health analysis to learn more about the package maintenance status.

Is ccr-with-types safe to use?

The npm package ccr-with-types was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 7 November-2024, at 16:08 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP