createRenderer

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.

Arguments

ArgumentTypeDescription
configObject?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

Returns

(Renderer): A Renderer instance.

Example

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