@recruspace/career-page-component
v1.0.2
Published
Web Component that displays your open Recruspace Job Posts
Maintainers
recruspaceteamReadme
Recruspace Career Page Web Component
About
Recruspace Career Page Component is a Web Component that displays your company's open job positions on Recruspace
Installation
npm
npm install @recruspace/career-page-componentscript
<script type="module" src="https://unpkg.com/@recruspace/career-page-component"></script>
<!--
To avoid unpkg.com redirects to the actual file, you can also directly import:
https://unpkg.com/@recruspace/[email protected]/dist/recruspace-career/recruspace-career.esm.js
-->Usage
Vanilla.js
using npm:
npm install @recruspace/career-page-componentindex.html
<html lang="en">
<body>
<div id="app">
<recruspace-career slug="<your-company-slug>" />
</div>
<script type="module" src="/main.js"></script>
</body>
</html>main.js
import from node_modules
import '@recruspace/career-page-component'use loader function
import { defineCustomElements } from '@recruspace/career-page-component/loader'
defineCustomElements()using a script tag:
<html lang="en">
<head>
<script type="module" src="https://unpkg.com/@recruspace/career-page-component"></script>
</head>
<body>
<div id="app">
<recruspace-career slug="<your-company-slug>" />
</div>
<script type="module" src="/main.js"></script>
</body>
</html>React / Vite & TS
npm install @recruspace/career-page-componentmain.tsx
import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import App from './App.tsx'
import './index.css'
createRoot(document.getElementById('root')!).render(
<StrictMode>
<App />
</StrictMode>,
)App.tsx
import from node_modules
import '@recruspace/career-page-component'
function App() {
return (
<>
<div>
<recruspace-career slug="<your-company-slug>" />
</div>
</>
)
}
export default Appuse loader function
import { defineCustomElements } from '@recruspace/career-page-component/loader'
defineCustomElements()
function App() {
return (
<>
<div>
<recruspace-career slug="<your-company-slug>" />
</div>
</>
)
}
export default App