# All files / src/Typography Typography.tsx

100% Statements 8/8
100% Branches 0/0
100% Functions 1/1
100% Lines 6/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    2552x

    52x

    52x

    339x
    339x

    52x
     import React from 'react'
    import { SpanAttributes } from '../_utils/types'
    import { StyledTypography } from './Typography.styles'
    import { TypographyProps } from './Typography.types'

    /**

     @since 10.19.0

     @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-typography--demo)

     */
    export const Typography = React.forwardRef<
      HTMLSpanElement,
      SpanAttributes & TypographyProps
    >(function Typography({ children, color, ...props }, ref) {
      return (
        <StyledTypography $color={color} {...props} ref={ref}>
          {children}
        </StyledTypography>
      )
    })

    Typography.displayName = 'Typography'