
Team Grid
Team
Search by name, tag, category or type
Source and install need .
pnpm dlx shadcn@latest add @assembli/open-rolesCareers list grouped by department. Search, department pills with live counts and a Remote / Hybrid / On-site switch filter the roles; each row shows location, workplace, type and salary band, and opens in place to a summary, highlights, an apply button and a copyable deep link. No matches shows an empty state with a reset and an open-application link.
Other props pass through to the root element.
eyebrow
React.ReactNode
Default "Careers"
title
React.ReactNode
Default "Open roles"
intro
React.ReactNode
roles*
OpenRole[]
departments
string[]
Department order. Defaults to the order departments first appear in roles.
openApplication
{ label: string; href: string }
A link for people who don't see a fit, shown under the list and in the empty state.
defaultOpen
string
Id of a role to show open on first render (a matching URL hash wins).
| Prop | Type | Default | Description |
|---|---|---|---|
| eyebrow | React.ReactNode | "Careers" | |
| title | React.ReactNode | "Open roles" | |
| intro | React.ReactNode | – | |
| roles* | OpenRole[] | – | |
| departments | string[] | – | Department order. Defaults to the order departments first appear in roles. |
| openApplication | { label: string; href: string } | – | A link for people who don't see a fit, shown under the list and in the empty state. |
| defaultOpen | string | – | Id of a role to show open on first render (a matching URL hash wins). |