Title: feat: Adds JobBoard component with Greenhouse integration by KirklandGee · Pull Request #12 · Webflow-Examples/code-components-examples · GitHub
Open Graph Title: feat: Adds JobBoard component with Greenhouse integration by KirklandGee · Pull Request #12 · Webflow-Examples/code-components-examples
X Title: feat: Adds JobBoard component with Greenhouse integration by KirklandGee · Pull Request #12 · Webflow-Examples/code-components-examples
Description: Component: JobBoard Description A dynamic job board component that fetches and displays open positions from the Greenhouse API. Features a grid layout of job cards, each showing the job title, department, location, and an apply link. Includes interactive department and location filter dropdowns at the top, a loading spinner during data fetch, an error state for failed API calls, and an empty state when no jobs match filters. Supports pagination with a 'Load More' button for large job lists. Cards display in a multi-column grid on desktop and stack vertically on mobile devices. The component connects to any Greenhouse account via a board token prop and handles all API communication, error handling, and responsive layout transitions automatically. What's Included React component with scoped CSS (no Tailwind, no shadcn) Colors via CSS site variables: var(--background-primary, #ffffff), etc. Typography via inheritance: font-family: inherit; color: inherit; Full prop surface (JobBoard.webflow.tsx) — 20+ props for developers/agencies Simple prop surface (JobBoardSimple.webflow.tsx) — core text/link props for clients All CSS classes prefixed with wf-job-board- for Shadow DOM safety Testing npm install && npm run dev runs locally npx webflow library share imports successfully Full and simple prop surfaces render in Webflow canvas Site variables wire up correctly
Open Graph Description: Component: JobBoard Description A dynamic job board component that fetches and displays open positions from the Greenhouse API. Features a grid layout of job cards, each showing the job title, depa...
X Description: Component: JobBoard Description A dynamic job board component that fetches and displays open positions from the Greenhouse API. Features a grid layout of job cards, each showing the job title, depa...
Opengraph URL: https://github.com/Webflow-Examples/code-components-examples/pull/12
X: @github
Domain: github.com
| route-pattern | /:user_id/:repository/pull/:id/files(.:format) |
| route-controller | pull_requests |
| route-action | files |
| fetch-nonce | v2:b0693dc1-ea26-008c-c4f1-07e17d41a664 |
| current-catalog-service-hash | ae870bc5e265a340912cde392f23dad3671a0a881730ffdadd82f2f57d81641b |
| request-id | 8F78:3A3FB7:2FAD86:3FD9BC:6A4D350A |
| html-safe-nonce | 70e98e27aac7ac74eea20c976a0a6cdf58dbaf602d1348757c2287be9a7b4a00 |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiI4Rjc4OjNBM0ZCNzoyRkFEODY6M0ZEOUJDOjZBNEQzNTBBIiwidmlzaXRvcl9pZCI6IjQzNDg5NjA3MjMyMzA4NjQ2NTAiLCJyZWdpb25fZWRnZSI6ImlhZCIsInJlZ2lvbl9yZW5kZXIiOiJpYWQifQ== |
| visitor-hmac | 9a6bc8ecb9863cff96e1628ae81a1e551db9aab9b211a5f105be810695c8bc6a |
| hovercard-subject-tag | pull_request:3332537681 |
| github-keyboard-shortcuts | repository,pull-request-list,pull-request-conversation,pull-request-files-changed,copilot |
| google-site-verification | Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I |
| octolytics-url | https://collector.github.com/github/collect |
| analytics-location | / |
| fb:app_id | 1401488693436528 |
| apple-itunes-app | app-id=1477376905, app-argument=https://github.com/Webflow-Examples/code-components-examples/pull/12/files |
| twitter:image | https://avatars.githubusercontent.com/u/91338420?s=400&v=4 |
| twitter:card | summary_large_image |
| og:image | https://avatars.githubusercontent.com/u/91338420?s=400&v=4 |
| og:image:alt | Component: JobBoard Description A dynamic job board component that fetches and displays open positions from the Greenhouse API. Features a grid layout of job cards, each showing the job title, depa... |
| og:site_name | GitHub |
| og:type | object |
| hostname | github.com |
| expected-hostname | github.com |
| None | 92571a8944142227b7e19cd10918b1ddd06e5066c1ad5bc7e4769cf6140a87e6 |
| turbo-cache-control | no-preview |
| diff-view | unified |
| go-import | github.com/Webflow-Examples/code-components-examples git https://github.com/Webflow-Examples/code-components-examples.git |
| octolytics-dimension-user_id | 110477150 |
| octolytics-dimension-user_login | Webflow-Examples |
| octolytics-dimension-repository_id | 1041644621 |
| octolytics-dimension-repository_nwo | Webflow-Examples/code-components-examples |
| octolytics-dimension-repository_public | true |
| octolytics-dimension-repository_is_fork | false |
| octolytics-dimension-repository_network_root_id | 1041644621 |
| octolytics-dimension-repository_network_root_nwo | Webflow-Examples/code-components-examples |
| turbo-body-classes | logged-out env-production page-responsive full-width |
| disable-turbo | true |
| browser-stats-url | https://api.github.com/_private/browser/stats |
| browser-errors-url | https://api.github.com/_private/browser/errors |
| release | 56fc8347865a14e2ec811533d68f929cf4e0ec19 |
| ui-target | full |
| theme-color | #1e2327 |
| color-scheme | light dark |
Links:
Viewport: width=device-width