<script src="https://cdn.jsdelivr.net/gh/kartikk-k/[email protected]/dist/index.js"></script>
tc-greenhouse-element="main"
- everything realted to greenhouse should be inside this element
tc-greenhouse-board-id="{board_id}"
- board id from greenhouse
tc-greenhouse-paginate="{true or false}"
- default value false
| choose between pagination or load more format
tc-greenhouse-results-per-page="{number}"
- default 5
| results per page
tc-greenhouse-element="list"
- main element for rendering list of jobs
NOTE: this element should be inside main element
tc-greenhouse-element="list-item"
- element for rendering a job (element with this attribute will be picked and used to render all jobs in the list)
NOTE: this element should be inside list element
tc-greenhouse-element="title"
- job title
tc-greenhouse-element="location"
- job location
tc-greenhouse-element="department"
- job department
tc-greenhouse-element="link"
- to open job on greenhouse when clicked
tc-greenhouse-element="load-more"
- element for load more button
NOTE: if pagination is set to false
tc-greenhouse-element="loader"
- element for showing loader until data is fetched
tc-greenhouse-element="empty-state"
- element for showing empty state when no jobs are found
tc-greenhouse-element="error"
- element for showing error when something goes wrong or board is not found
pagination buttons provided by webflow
- for pagination (if paginate is set to true)
tc-greenhouse-filter="location"
- filter by location
tc-greenhouse-filter="department"
- filter by department
tc-greenhouse-element="search"
- search input for searching jobs
-body----------------------
| |
| -main------------------|
| | |
| | -filters & search---|
| | |
| | |
| | -list---------------|
| | | |
| | | -list-item-------|
| | | | |
| | | | -title--------|
| | | | -location-----|
| | | | -department---|
| | | | |
| | | | -open---------|
| | | | |
| | | | |
| | -load-more----------|
| | -loader-------------|
| | -empty-state--------|
| | -error--------------|
| | |
| -----------------------|