basscss-radium playground

const React = require('react'); const ReactDOM = require('react-dom/server'); 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. */ let 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, }; Badge = Radium(Badge); ReactDOM.renderToStaticMarkup(<Badge text="hamburger" />)