Creates a Fela renderer which renders your selectors, keyframes, fonts and static styles.
It caches all rendered styles to be able to reuse them on future rendering cycles.


Argument Type Description
config Object? Optional renderer configuration. The most common use case is adding plugins to process styles before they get cached.
See Advanced - Renderer Configuration for further information


(Renderer): A Renderer instance.


import { createRenderer } from 'fela'

const rule = props => ({
  backgroundColor: 'red',
  fontSize: props.size,
  color: 'blue'

const renderer = createRenderer()

renderer.renderRule(rule, { size: '12px' }) // => a b c

results matching ""

    No results matching ""