recruspace-career
v1.0.1
Published
Web Component that displays your open Recruspace Job Posts
Downloads
25
Maintainers
recruspaceReadme
Recruspace Career Web Component - Built with Stencil (@stencil/core)
About
Recruspace Career is a Web Component that displays your company's open job positions on Recruspace
Installation
npm
npm install recruspace-careerscript
<script type="module" src="https://unpkg.com/recruspace-career"></script>
<!--
To avoid unpkg.com redirects to the actual file, you can also directly import:
https://unpkg.com/[email protected]/dist/recruspace-career/recruspace-career.esm.js
-->Usage
Vanilla.js
using npm:
npm install recruspace-careerindex.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'use loader function
import { defineCustomElements } from 'recruspace-career/loader'
defineCustomElements()using a script tag:
<html lang="en">
<head>
<script type="module" src="https://unpkg.com/recruspace-career"></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-careermain.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'
function App() {
return (
<>
<div>
<recruspace-career slug="<your-company-slug>" />
</div>
</>
)
}
export default Appuse loader function
import { defineCustomElements } from 'recruspace-career/loader'
defineCustomElements()
function App() {
return (
<>
<div>
<recruspace-career slug="<your-company-slug>" />
</div>
</>
)
}
export default App