RendererProvider

RendererProvider is used to pass the Fela renderer down to all your child components. It uses React's context(new tab) APIs to do so. It actually is all you need to fully use Fela within your application.

Props

PropertyTypeDescription
rendererRendererThe Fela renderer which is used to actually render our styles.
targetDocumentDocument(new tab)?Document in which's head the styles are injected.

Imports

import { RendererProvider } from 'react-fela'
import { RendererProvider } from 'preact-fela'
import { RendererProvider } from 'inferno-fela'

Example

import { createRenderer } from 'fela'
const renderer = createRenderer()
// Wrap your root application with the RendererProvider
// to pass down the renderer to every component using context
const Usage = (
<RendererProvider renderer={renderer}>
<App />
</RendererProvider>
)