Careers 7 - Grouped careers listings with row actions

Pro

Careers section with an intro, category subheads, and rows for role title, location, and an outline button linking to each listing.

Shadcn Careers 7 block

Component Data

  • ID:careers7
  • Access:pro
  • Created:Jan 23, 2025
  • Type:block

Careers 7 block design & features

Careers7 is a narrow, left-aligned careers block built with shadcn/ui. A top border wraps an intro with a large “Join us” heading and wide supporting line, then each category gets a bold heading with a bottom rule and a stack of rows. Every row lines up role title, muted location text, and a compact outline-style action wired as a link.

Light surfaces with strong horizontal rules between categories and jobs. Typography carries most of the structure, with generous vertical padding and spacing that reads like an editorial list rather than a dense table. Buttons stay subtle so the text and separators stay primary.

This is a simple, documentation-style recruiting pattern with almost no ornament. It works best when categories stay few and each row maps cleanly to a single posting page.

On smaller widths the row flex layout keeps title, location, and action on one line where space allows, with spacing tightened through breakpoints so the scan order stays title first, then location and the button.