@pijma/text v2.1.1

@pijma/text

Text component

Installation

yarn add @pijma/text

npm i @pijma/text

Usage

import { Text, TextStylesB2cFactory } from '@pijma/text'
import { ThemeProvider } from '@pijma/theme-provider'
import { light } from '@pijma/theme-b2c'

const App = () => <ThemeProvider theme={light} components={{Text: TextStylesB2cFactory}}>
  <Text size={'m'}>Текст 1</Text>
</ThemeProvider>

Customization

import { ThemeProvider } from '@pijma/theme-provider'
import { light } from '@pijma/theme-b2c'
import { Text, TextStylesB2cFactory } from '@pijma/text'

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

See more on Storybook