Careers 3 - Categorized job openings with badges

Pro

A careers block that prints category badges, then stacked job links with titles, one-line descriptions, map-prefixed locations, and trailing arrows.

Shadcn Careers 3 block

Component data

ID
careers3
Access
pro
Created
Oct 9, 2024
Type
block
Libraries
Radix UI, Base UI, React Aria
Figma

Careers 3 block design & features

Careers3 is a category-driven listing built with shadcn/ui badges and plain anchors, iterating groups such as Engineering and Marketing with several roles each. Each entry is a block link with bold title, muted one-liner, and a MapPin line for office or remote strings.

The layout is vertical rhythm with borders between items, no cards, and understated hover underlines on titles. Density is high because each category can include many openings under one badge.

Expect a moderate content load: you need category names plus arrays of job objects. The design trend is straight enterprise careers page, optimized for scanning.

On mobile the same stack holds, with icons shrinking proportionally next to text.