@asphalt-react/theme-provider

ThemeProvider

ThemeProvider allows you to theme your app. You can even nest ThemeProviders to apply a theme on just a section of your app as well.

⚠️ ThemeProvider only works in secure contexts

Usage

import ThemeProvider from "@asphalt-react/theme-provider"
import Button from "@asphalt-react/button"

const customTheme = {
  // your theme tokens
}

function App() {
  return (
    <ThemeProvider theme={customTheme}>
      <Button>Click me</Button>
    </ThemeProvider>
  )
} 

Props

children

React node or node tree to apply theme to.

type	required	default
node	true	N/A

theme

Asphalt Theme object.

type	required	default
object	false	legacyVariables

as

Html element/React component to render as container.

type	required	default
elementType	false	"div"