@sonicjobs/easy-apply-button v0.1.6

SonicJobs Easy Apply Button

Integrating the SonicJobs Easy Apply functionality in a ReactJS websites could be challenging, requiring to handle all the logic, modal view, iframes, etc. The SonicJobs Easy Apply Button handle all this complexity in one single ReactJS component that can replace your standard “Apply“ button when needed.

Quick Start

Add the package in your project with:

npm install @sonicjobs/easy-apply-button

or

yarn add @sonicjobs/easy-apply-button

or

pnpm add @sonicjobs/easy-apply-button

Usage

Import the component:

import SonicJobsEasyApplyButton from "@sonicjobs/easy-apply-button"

When needed, replace your existing "Apply" button with this component.

The component comes without styles, so it can be integrated seamlessly in your website.

import SonicJobsEasyApplyButton from "@sonicjobs/easy-apply-button"
[...]

const JobPage = (props) => {
  const { jobData } = props

  return (
    //...
     <SonicJobsEasyApplyButton
        className="btn-apply"       // <-- you can pass a className
        style={buttonStyle}         // <-- or a style object
        jobId={jobData.jobId}
        partnerName="partnerName"
        country="us">
          <span>Apply</span>
      </EasyApplyButton>
    // ...
  )
}

Component props

other than these it also accepts all the common button props, except onClick, so you can use the className or style to customize the appearance of the button.

Typescript

The package comes with Typescript definitions.

Content Security Policy (CSP)

Depending on your website configurations, you may need to update your CPS including our host microsite.sonicjobs.com to frame-src.