Hireko Job Board

A framework-agnostic component to embed Hireko Job Boards into any web application with automatic height resizing.

Installation

npm install hireko-job-board

Usage

React

import { JobBoard } from 'hireko-job-board';

const MyPage = () => {
  return (
    <JobBoard 
      url="https://jobdashboard.hireko.ai/boardId/1234?ApiKey=1234" 
    />
  );
};

Angular

1. Add CUSTOM_ELEMENTS_SCHEMA to your module:

import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';

@NgModule({
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
  // ...
})
export class AppModule { }

2. Import the SDK in your main.ts or component:

import '@hireko/job-board';

3. Use it in your HTML:

<hireko-job-board 
  url="https://jobdashboard.hireko.ai/boardId/1234?ApiKey=1234"
></hireko-job-board>

Vanilla JavaScript / Vue / Others

Since it's built as a Web Component, it works everywhere.

<script type="module">
  import 'https://unpkg.com/hireko-job-board/dist/index.mjs';
</script>

<hireko-job-board 
  url="https://jobdashboard.hireko.ai/boardId/1234?ApiKey=1234"
></hireko-job-board>

Props / Attributes

| Prop (React) | Attribute (Web Component) | Description | Default | |--------------|---------------------------|-------------|---------| | url | url | The full Hireko Job Board URL | Required | | className | N/A | React class mapping | - | | style | N/A | Inline style object | - |

Security

The component only listens for resize messages from the origin of the provided url. This prevents cross-site messaging attacks.