rofrischmann/fela

View on GitHub
website/docs/11.7.0/api/react-fela/ThemeContext.mdx

Summary

Maintainability
Test Coverage
# ThemeContext

ThemeContext is the internal instance of `React.createContext` that is provided by React's new [context](https://reactjs.org/docs/context.html) APIs. It is exposed to be used with React's new [useContext](https://reactjs.org/docs/hooks-reference.html#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](api/react-fela/useFela) hook to get the `theme` directly.

## Imports

```javascript nocopy
import { ThemeContext } from 'react-fela'
import { ThemeContext } from 'preact-fela'
import { ThemeContext } from 'inferno-fela'
```

## Example

```javascript
import { useContext } from 'react'
import { ThemeContext } from 'react-fela'

function Button() {
  const theme = useContext(ThemeContext)
  // do something with the theme
}
```