---
title: "Job detail"
description: "One opening: title, facts and Copy link, the role in rows with a four-step hiring process, and an application form with a CV upload."
plan: Pro
docs: https://ui.edbn.me/docs/blocks/job-detail
---

# Job detail

One opening: title, facts and Copy link, the role in rows with a four-step hiring process, and an application form with a CV upload.

The title and a line on the job sit beside Apply for this role and Copy link, which copies the role's address and says so. The team, location, type and salary follow between hairlines, then the role in rows, each heading on the left of its text from 1024px: About the role, What you'll do, What we look for, How we hire with four steps and how long each takes, and Benefits. The application is a Pro form: name, email, a link to your work, a CV through the Pro file queue drawn with the Dropzone and Attachment (one PDF or Word file up to 5 MB; a bigger file or another type is turned away with the reason, and a second file replaces the first), an optional note with a count and consent to keep the application. Errors show on submit and focus the first; Send waits for the upload and keeps its width while it works. Once sent, the form gives way to Application received, with where the copy went and what happens next, and focus moves to it. Apply at the top scrolls to the form and puts the cursor in its first field.

A Pro block built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/job-detail
```

## Dependencies
- npm: lucide-react@^1.33.0, zod@^4.3.5
- edbn: edbn-base, attachment, button, dropzone, text-link, form-core, form-fields, form-file-field

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More team blocks

All 4, with install commands: https://ui.edbn.me/docs/blocks/team (Markdown: https://ui.edbn.me/docs/blocks/team.md)

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt