# basscss-radium

> Basscss as Radium-flavoured inline styles.

Latest version **3.0.0** (published 2015-12-03) · MIT license · 0 weekly downloads

## Install

```sh
npm install basscss-radium
pnpm add basscss-radium
yarn add basscss-radium
bun add basscss-radium
```

## Health

**Score 5/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score; declining downloads.

## Facts

| | |
|---|---|
| Version | 3.0.0 |
| Published | 2015-12-03 |
| First published | 2015-12-02 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Rangle.io |
| Maintainers | bertrandk |
| Keywords | basscss, css, oocss, react, radium, styles |

## Links

- npm: https://www.npmjs.com/package/basscss-radium
- Repository: https://github.com/rangle/basscss-radium
- Homepage: https://github.com/rangle/basscss-radium#readme
- Issues: https://github.com/rangle/basscss-radium/issues
- npm.io page: https://npm.io/package/basscss-radium

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 3.0.0 (latest) — 2015-12-03
- 2.0.0 — 2015-12-03
- 1.0.0 — 2015-12-02
- 0.0.4 — 2015-12-02
- 0.0.3 — 2015-12-02

## README

# basscss-radium
<img src="./tag.png" width="48"> Basscss as Radium-flavoured inline
styles.


## Getting Started
```
npm install --save basscss-radium
```

## Usage
```
const React = require('react');
const Radium = require('radium');
const Bass = require('basscss-radium');

/**
 * Badges are used to represent properties and states and to tease
 * quantities of resources behind navigation links. Use basic utilities
 * and color styles to create badges.
 */
const Badge = ({ text }) => {
  return (
    <span style={[
      Bass.h2,
      Bass.inlineBlock,
      Bass.px1,
      Bass.white,
      Bass.bgRed,
      Bass.rounded,
    ]}>
      { text }
    </span>
  );
};

Badge.displayName = 'Badge';
Badge.propTypes = {
  /**
   * Text displayed in the badge.
   */
  text: React.PropTypes.string,
};

module.exports = Radium(Badge);
```

Pssst...jump into the [playground to see it in action](https://tonicdev.com/bertrand/basscss-radium).

## Credits and License
[Brent Jackson](https://github.com/jxnblk) (jxnblk.com) is the original
creator and maintainer of [Basscss](https://github.com/basscss/basscss).
We encourage you to take a look at
[Rebass](https://github.com/jxnblk/rebass) for an alternative to using
Basscss with React.

This program is free software: you can redistribute it and/or modify it
under the terms of the [MIT
LICENSE](http://opensource.org/licenses/MIT).

---
_Source: https://npm.io/package/basscss-radium · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._