API Reference / react-fela / ThemeContext
Edit
Intro
Getting Started
Motivation
Principles
Benefits
Caveats
Ecosystem
Basics
Rules
Keyframes
Fonts
Renderer
Advanced
DOM Rendering
Server Rendering
Plugins
Renderer Configuration
Global & Third-Party Styles
Combined Rules
Enhancers
Usage Guides
Usage with React
Usage with React Native
Usage with Preact
Usage with Inferno
Usage with ReasonML
Usage with Cycle
Recipes
Responsive Components
Testing Components
Right-to-Left Rendering
API Reference
fela
createRenderer
Renderer
combineRules
enhance
fela-dom
render
rehydrate
renderToMarkup
renderToSheetList
fela-native
createRenderer
Renderer
react-fela
useFela
RendererProvider
ThemeProvider
renderToNodeList
connect
createComponent
createComponentWithProxy
FelaComponent
FelaRenderer
FelaTheme
RendererContext
ThemeContext
withTheme
fe
jest-react-fela
createSnapshot
Extra
Examples
FAQ
Docs / API Reference / react-fela / ThemeContext
Edit on GitHub

ThemeContext

ThemeContext is the internal instance of 

React.createContext
that is provided by React's new context APIs. It is exposed to be used with React's new useContext hook.

Note: Although it is exposed for react-fela as well as preact-fela and inferno-fela, there are no useContext equivalents for the latter yet. We can however leverage the useFela hook to get the 

theme
directly.

Imports

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

Example

import { useContext } from 'react'
import { ThemeContext } from 'react-fela'
function Button() {
  const theme = useContext(ThemeContext)
  // do something with the theme
}

On This Page

Imports
Example