@pijma/paragraph v1.1.1

@pijma/paragraph

Paragraph component

Installation

yarn add @pijma/paragraph

npm i @pijma/paragraph

Usage

import { Paragraph, ParagraphStylesB2bFactory } from '@pijma/paragraph'
import { ThemeProvider } from '@pijma/theme-provider'
import { light } from '@pijma/theme-b2c'

const App = () => <ThemeProvider theme={light} components={{Paragraph: ParagraphStylesB2bFactory}}>
  <Paragraph size={'m'}>Параграф 1</Paragraph>
</ThemeProvider>

Customization

import { ThemeProvider, ParagraphStylesB2bFactory } from '@pijma/theme-provider'
import { light } from '@pijma/theme-b2c'
import { Paragraph } from '@pijma/paragraph'

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

See more on Storybook