Frameworks

React

Drop-in React component with full TypeScript support.

Installation

Install the widget package using your preferred package manager:

pnpm add @resume-mapper/widget

Usage

Import from @resume-mapper/widget/react. The onParsed callback fires once the API returns a result.

SignUpForm.tsx

import { ResumeMapper } from '@resume-mapper/widget/react'

function SignUpForm() {
  const handleParsed = (result) => {
    setFirstName(result.rawData.personalInfo.firstName)
    setLastName(result.rawData.personalInfo.lastName)
    setEmail(result.rawData.personalInfo.email)
  }

  return (
    <ResumeMapper
      apiKey="rm_your_api_key"
      onParsed={handleParsed}
      locale="en"
    />
  )
}

Props

Prop	Type	Description
apiKey*	string	Your Resume Mapper API key.
onParsed	(result: ParseResult) => void	Called when the API returns a result.
locale	"en" \| "pl"	UI language. Defaults to "en".
maxFileSizeMb	number	Max upload size in MB. Defaults to 10.

Quick Start