# All files / src/Input Input.tsx

100% Statements 7/7
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
    2313x

    13x

    13x

    113x
    113x

    13x
     import React from 'react'
    import { InputAttributes } from '../_utils/types'
    import { StyledInput } from './Input.styles'
    import { InputProps } from './Input.types'

    /**

     @since 10.19.0

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

     @see [Design Guidelines](https://design.procore.com/text-input)

     */
    export const Input = React.forwardRef<
      HTMLInputElement,
      InputAttributes & InputProps
    >(function Input({ children, ...props }, ref) {
      return <StyledInput {...props} ref={ref} />
    })

    Input.displayName = 'Input'