open-index/open-npm huggingface dataset:
npm package: @sodalife/soui-css
Description: Soda UI Components Stylesheets
Author: yelo
Latest version: 0.2.2

# soui.css
> Soda UI Components Stylesheets

## Installation
```sh
npm i --save @sodalife/soui-css
```

## Usage
### rollup
```javascript
// rollup.config.js
import nodejs from 'rollup-plugin-node-resolve'
import babel from 'rollup-plugin-babel'
import postcss from 'rollup-plugin-postcss'
import postcssModules from 'postcss-modules'

const external = require('@yelo/rollup-node-external')

const cssExportMap = {}

export default {
	// ...input and output
  external: external({
    whitelist: [/^@sodalife\/soui-css(\/.*)?/],
  }),
  plugins: [
    nodejs(),
    postcss({
      plugins: [
        ...require('@sodalife/soui-css/postcss.config.js').plugins,
        postcssModules({
          getJSON (id, exportTokens) {
            cssExportMap[id] = exportTokens
          },
        }),
      ],
      getExport (id) {
        return cssExportMap[id]
      },
      extensions: ['.css', '.pcss']
    }),
    babel({
      babelrc: false,
      presets: ['es2015-rollup', 'stage-0', 'react'],
      exclude: ['node_modules/**', '../soui-css/**'],
      externalHelpers: false,
    }),
 ],
}
```

## License
[Apache License 2.0](LICENSE)
npm package: @sodalife/soui-react
Description: soda ui components library, for react
Author: yelo
Latest version: 0.6.2

# SouI for react
> Soda UI Components for React

## Installation
```sh
npm i --save @sodalife/soui-react
```

## Usage
```babel
import React from 'react'
import ReactDOM from 'react-dom'
import { Button } from '@sodalife/soui-react'

ReactDOM.render(<Button>Hello Soda</Button>, document.getElementsByTagName('body')[0])
```

## Links
- [Documents](https://sodalife.github.io/soui-react)
- [Storybook](https://sodalife.github.io/soui-react/storybook)

## Projects using SouI
- [Sodalife](https://m.sodalife.xyz/v1/?channel=github)

## License
[Apache License 2.0](LICENSE)