@pijma/heading v1.1.1

@pijma/heading

Heading component

Installation

yarn add @pijma/heading

npm i @pijma/heading

Usage

import { Heading, HeadingStylesB2cFactory } from '@pijma/heading'
import { ThemeProvider } from '@pijma/theme-provider'
import { light } from '@pijma/theme-b2c'

const App = () => <ThemeProvider theme={light} components={{Heading: HeadingStylesB2cFactory}}>
  <Heading size={1}>Заголовок 1</Heading>
</ThemeProvider>

Customization

import { Heading, HeadingStylesB2cFactory } from '@pijma/heading'
import { ThemeProvider } from '@pijma/theme-provider'
import { light } from '@pijma/theme-b2c'

const App = () => <ThemeProvider theme={light} components={{Heading: HeadingStylesB2cFactory}}>
  <Heading
    size={1}
    customStyleProvider={{
      root: ({ props }) => {
        if (props.size === 1) {
          return {color: 'black'}
        }
        return {color: 'blue'}
      }
    }}
  >Заголовок 1</Heading>
</ThemeProvider>

See more on Storybook