{
  "$schema": "https://mian.ro/schema/v2/registry.json",
  "schemaVersion": "2.0.0",
  "generatedAt": "2026-10-02T13:14:06.957Z",
  "id": "jobs",
  "name": "Jobs list",
  "category": "Sections",
  "description": "Open roles for a careers page: title, team, location and type, the whole row one link.",
  "tags": [
    "jobs",
    "careers",
    "open roles",
    "positions",
    "hiring",
    "vacancies",
    "company",
    "recruiting"
  ],
  "requiresJs": false,
  "license": "LicenseRef-MIAN-1.0",
  "composition": {
    "role": "catalogue",
    "intents": [
      "careers page",
      "open positions",
      "job listings",
      "we are hiring",
      "vacancies"
    ],
    "prominence": "medium",
    "density": "medium",
    "worksAfter": [],
    "worksBefore": [],
    "alternatives": [
      "list",
      "table"
    ],
    "avoid": "Roles without location, remote policy or team."
  },
  "url": "https://mian.ro/components/jobs",
  "markdownUrl": "https://mian.ro/ai/components/jobs.md",
  "classes": [
    {
      "name": "mn-jobs",
      "description": "The list (<ul>)."
    },
    {
      "name": "mn-job",
      "description": "A role: mn-job-title (with the link), mn-job-meta (badges), an arrow icon."
    }
  ],
  "accessibility": [
    "Only the title is a link, stretched over the row, so each role is one tab stop with a clear name.",
    "Write location and remote policy as text, not only icons."
  ],
  "examples": [
    {
      "title": "Open roles",
      "description": null,
      "html": "<section class=\"mn-section mn-section-sm\"><div class=\"mn-container\"><ul class=\"mn-jobs\">\n  <li class=\"mn-job\"><h3 class=\"mn-job-title\"><a href=\"#\">Senior product designer</a></h3><p class=\"mn-job-meta\"><span class=\"mn-badge mn-badge-soft\">Design</span><span class=\"mn-badge mn-badge-outline mn-neutral\">Berlin or remote (EU)</span><span class=\"mn-badge mn-badge-outline mn-neutral\">Full-time</span></p><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"/></svg></li>\n  <li class=\"mn-job\"><h3 class=\"mn-job-title\"><a href=\"#\">Backend engineer, reconciliation</a></h3><p class=\"mn-job-meta\"><span class=\"mn-badge mn-badge-soft\">Engineering</span><span class=\"mn-badge mn-badge-outline mn-neutral\">Cluj-Napoca</span><span class=\"mn-badge mn-badge-outline mn-neutral\">Full-time</span></p><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"/></svg></li>\n  <li class=\"mn-job\"><h3 class=\"mn-job-title\"><a href=\"#\">Customer success lead</a></h3><p class=\"mn-job-meta\"><span class=\"mn-badge mn-badge-soft\">Customers</span><span class=\"mn-badge mn-badge-outline mn-neutral\">Remote (CET ±2)</span><span class=\"mn-badge mn-badge-outline mn-neutral\">Full-time</span></p><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"/></svg></li>\n  <li class=\"mn-job\"><h3 class=\"mn-job-title\"><a href=\"#\">Finance intern</a></h3><p class=\"mn-job-meta\"><span class=\"mn-badge mn-badge-soft\">Finance</span><span class=\"mn-badge mn-badge-outline mn-neutral\">Berlin</span><span class=\"mn-badge mn-badge-outline mn-neutral\">6 months</span></p><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"/></svg></li>\n</ul></div></section>"
    }
  ],
  "css": ".mn-jobs { margin: 0; padding: 0; list-style: none; border-top: var(--mn-border-w) solid var(--mn-border); }\n.mn-job { position: relative; display: grid; gap: .45rem 1.5rem; padding: 1.15rem 2rem 1.15rem 0; border-bottom: var(--mn-border-w) solid var(--mn-border); }\n.mn-job > * { margin: 0; min-width: 0; }\n.mn-job-title { font: 600 1.0625rem/1.35 var(--mn-font-heading); letter-spacing: -.01em; }\n.mn-job-title a { color: var(--mn-fg); text-decoration: none; }\n.mn-job-title a::after { content: \"\"; position: absolute; inset: 0; }\n.mn-job-title a:focus-visible { outline: none; }\n.mn-job:has(.mn-job-title a:focus-visible) { outline: 2px solid var(--mn-ring); outline-offset: 2px; border-radius: var(--mn-radius-field); }\n.mn-job:hover .mn-job-title a { text-decoration: underline; text-underline-offset: 4px; }\n.mn-job-meta { display: flex; flex-wrap: wrap; gap: .4rem; }\n.mn-job > svg { position: absolute; right: 0; top: 50%; width: 1.1rem; height: 1.1rem; translate: 0 -50%; color: var(--mn-muted); transition: translate var(--mn-duration) var(--mn-ease); }\n.mn-job:hover > svg { translate: 4px -50%; color: var(--mn-fg); }\n@container mn (min-width: 44rem) { .mn-job { grid-template-columns: minmax(0, 1fr) auto; align-items: center; } }",
  "js": null,
  "install": {
    "css": "https://mian.ro/dist/mian.css",
    "js": null,
    "registryItem": "https://mian.ro/r/jobs.json"
  }
}