Careers
BlockOpen roles grouped by team, with a search, a team filter and an empty state that clears them.
- Sections
- 3 components
- 1 file
Loading the example…
pnpm dlx @dowel-ui/cli add careersimport { CareersBlock } from "@/components/blocks/careers"; export default function Page() { return <CareersBlock />;}<CareersBlock>
| Prop | Type | Default |
|---|---|---|
description | string | "Join a small team building tools that thousands of developers rely on." |
fallbackWhere to go when nothing fits — a general application. | { label: string; href: string } | null | { label: "Send a general application", href: "#" } |
headingLevelThe headline's level; team headings are one below it. | 1 | 2 | 3 | 4 | 5 | 2 |
roles | CareersRole[] | DEFAULT_ROLES |
title | string | "Open roles" |
Plus every attribute of <section> except title.
Each team is a heading over a list named by it; each role is a single link whose text is the job title, so a links list reads as titles rather than repeated "Apply". The search has a visible label. Team filters are toggle buttons (aria-pressed) in a named group, a status line says how many roles match, and an empty state offers to clear the filters.