plurall-theme

Esse componente é o provedor de contexto para valores globais de estilo do Plurall.

Usage no npm install needed!

<script type="module">
  import plurallTheme from 'https://cdn.skypack.dev/plurall-theme';
</script>

README

PlurallTheme

Esse componente é o provedor de contexto para valores globais de estilo do Plurall.

Como usar

Defina em provider:

import PlurallTheme from 'plurall-theme'

import App from './App'

const theme = {
  fontFamily: 'ComicSans',
}

ReactDOM.render((
  <PlurallTheme.Provider value={theme}>
    <App />
  </PlurallTheme.Provider>
), document.getElementById('root'))

Defina em consumer:

const App = () => (
  <PlurallTheme.Consumer>
    ({ fontFamily }) => (
      <div style={{ fontFamily }}>HelloWorld!</div>
    )
  </PlurallTheme.Consumer>
)