Careers

Installation#

# One-time setup (tokens + lib helpers)
npx koalaui-cli@latest init

# Add this component (its dependencies come along)
npx koalaui-cli@latest add job-card

Built from#

Every variant is the same primitive dressed differently. JobCard carries the role: a category or New Badge, the title, a one-line summary, and a meta tier of country flag, contract type and salary band. Its variant switches between a chrome-less row and a bordered card, its layout puts the action beside the content, below it, or on one line with the title, and divided paints the hairline between rows. The trailing slot is a plain part, so a board can hang an Apply Button there or an AvatarGroup of the hiring team without touching the recipe. The filters are the stock Select, InputRoot and ToggleGroup, and an empty result falls through to the real EmptyState.

Responsive#

The columnar table is the one that cannot simply reflow, so it does not try: from md up its meta becomes equal-width auto columns that line up down the whole board, and below it every row falls back to a stacked block with the Apply button as a full-width bar. The rails scroll sideways as a single snapping row that bleeds past the section gutter, so a card is visibly cut off at the frame edge rather than ending in dead space, and each card takes 85% of a narrow frame so exactly one fills with the next peeking. The label rail folds into an ordinary heading above its grid below lg. Every card grid drops to one column on a phone, the filter bar stacks its search and selects, and each action stays a comfortable touch target. Resize the preview to watch each one adapt.

FAQ#