open-index/open-npm huggingface dataset:
npm package: @kennylam/ibmdotcom-react
Description: IBM.com Library React Components
Latest version: 0.5.1

# @carbon/ibmdotcom-react

> A collection of IBM.com components implemented using
> [React](https://reactjs.org/) and
> [Carbon](https://www.carbondesignsystem.com/).

## Getting Started

Run the following command using [npm](https://www.npmjs.com/):

```bash
npm i @carbon/ibmdotcom-react carbon-components-react carbon-components carbon-icons
```

If you prefer [Yarn](https://yarnpkg.com/en/), use the following command
instead:

```bash
yarn add @carbon/ibmdotcom-react carbon-components-react carbon-components carbon-icons
```

1. These components require the use of [Webpack](https://webpack.js.org/) in
   your project. See our
   [`webpack.config.js`](/packages/react/.storybook/webpack.config.js) for an
   example configuration.

2. Components do not import any of the styles themselves, use the scss or css
   from `@carbon/ibmdotcom-styles` to bring in styling.

3. For older browsers (e.g. IE11), polyfills listed in
   [`packages/react/.storybook/polyfills.js` file](./.storybook/polyfills.js) is
   required.

## Usage

### List of Available Components

View available React Components
[here](https://ibmdotcomlibrary-react.mybluemix.net). You can see usage
information in several ways:

1. Clicking the blue **Show Info** icon in the top right corner of the selected
   component. You can see the list of available React props
2. Clicking the **STORY** tab at the bottom. This tab contains the code that
   shows how the component is being used
3. 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
4. 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
5. Clicking the **README** tab at the bottom. You can see some more document for
   some components

## Documentation

- See our documentation site [here](https://carbonforibm-website.mybluemix.net)
  for full how-to docs and guidelines
- [Contributing](https://github.com/carbon-design-system/ibm-dotcom-library/blob/master/.github/CONTRIBUTING.md):
  Guidelines for making contributions to this repo.

## 🙌 Contributing

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](https://github.com/carbon-design-system/ibm-dotcom-library/blob/master/.github/CONTRIBUTING.md)
and our
[Developer Guide](https://github.com/carbon-design-system/ibm-dotcom-library/blob/master/docs/developing.md)!
👀

## 📝 License

Licensed under the
[Apache 2.0 License](https://github.com/carbon-design-system/ibm-dotcom-library/blob/master/LICENSE).
npm package: @kennylam/ibmdotcom-services
Description: IBM.com Library Services
Latest version: 0.5.2

# @carbon/ibmdotcom-services

A collection of IBM.com service classes

## Getting Started

Run the following command using [npm](https://www.npmjs.com/):

```bash
npm i @carbon/ibmdotcom-services
```

If you prefer [Yarn](https://yarnpkg.com/en/), use the following command
instead:

```bash
yarn add @carbon/ibmdotcom-services
```

These services require the use of [Webpack](https://webpack.js.org/) in your
project.

## Usage

### List of Available Services

View available services
[here](https://ibmdotcomlibrary-services.mybluemix.net/).

## Documentation

- See our documentation site [here](https://carbonforibm-website.mybluemix.net)
  for full how-to docs and guidelines
- [Contributing](https://github.com/carbon-design-system/ibm-dotcom-library/.github/CONTRIBUTING.md):
  Guidelines for making contributions to this repo.

## 🙌 Contributing

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](https://github.com/carbon-design-system/ibm-dotcom-library/.github/CONTRIBUTING.md)
and our
[Developer Guide](https://github.com/carbon-design-system/ibm-dotcom-library/docs/developing.md)!
👀

## 📝 License

Licensed under the
[Apache 2.0 License](https://github.com/carbon-design-system/ibm-dotcom-library/LICENSE).
npm package: @kennylam/styles
Description: IBM.com Library Styles
Latest version: 0.3.2

# IBM.com Library Styles

A single, shared CSS resource for the IBM.com Library.

## Installation

Using npm:

```
npm i @ibmdotcom/styles
```

## Usage

Import the package css into the top of your main CSS file.

```css
@import 'node_modules/@ibmdotcom/styles/src/scss/components/footer/footer';
```