How to use the @tds/shared-typography.blockText function in @tds/shared-typography

To help you get started, we’ve selected a few @tds/shared-typography examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github telus / tds-core / packages / Text / __tests__ / Text.spec.jsx View on Github external
it('renders a span with display: block if specified', () => {
      let text = doShallowStyled()
      expect(text).not.toHaveStyleRule('display', typography.blockText.display)

      text = doShallowStyled({ block: true })
      expect(text).toHaveStyleRule('display', typography.blockText.display)
    })
github telus / tds-core / packages / Text / __tests__ / Text.spec.jsx View on Github external
it('renders a span with display: block if specified', () => {
      let text = doShallowStyled()
      expect(text).not.toHaveStyleRule('display', typography.blockText.display)

      text = doShallowStyled({ block: true })
      expect(text).toHaveStyleRule('display', typography.blockText.display)
    })
github telus / tds-core / packages / Text / Text.jsx View on Github external
const textBlock = ({ block }) => (block ? typography.blockText : undefined)