const React = require("react")
const Radium = require("radium")
const ReactDOMServer = require("react-dom/server")
class Spinner extends React.Component {
render () {
return (
<Radium.StyleRoot>
<div style={styles.inner} />
</Radium.StyleRoot>
)
}
}
var pulseKeyframes = Radium.keyframes({
'0%': { width: '10%' },
'50%': { width: '50%' },
'100%': { width: '10%' },
}, 'pulse')
var styles = {
inner: {
animation: 'x 3s ease 0s infinite',
animationName: pulseKeyframes,
background: 'blue',
height: '4px',
margin: '0 auto',
display: 'flex',
}
}
ReactDOMServer.renderToString(<Spinner />)
Created from: https://npm.runkit.com/npm
no comments
sign in to comment