# Careers sections > Open positions as list rows or cards, with department tabs, location menus, groups and photos, on the page or the brand colour. URL: https://apogee.avaui.dev/docs/careers-sections Last updated: 2026-10-20 Open positions as list rows or cards, with department tabs, location menus, groups and photos, on the page or the brand colour. Last updated October 20, 2026 Each example is a block built on [JobCard](https://apogee.avaui.dev/docs/job-card) and the layout primitives: a heading, then the open positions as rows under a rule or as cards, sometimes grouped by department or filtered with tabs. ```sh npx @ava-ui/apogee add careers/simple-01 ``` Each block holds a sample `jobs` array at the top; replace it with yours (a content collection, or your applicant tracking system’s feed). ## Copy is props Every block in this family takes the same content props (`CareersContent` in `sections/_shared/careers.ts`), with its sample copy as the defaults. A block ignores the props it has no place for, so you can swap one block for another and keep the copy. - `eyebrow`: The small label above the heading. - `heading`: The heading. - `description`: The line under the heading. - `items`: Open positions. - `categories`: Department filter tabs; defaults to “View all” plus each department in `items`. - `media`: The photo beside or above the list. - Pass `null` to hide an optional part, such as `description={null}`. - Some blocks add props of their own; the top of each block’s file lists them. [ ![](https://apogee.avaui.dev/thumbs/careers-sections__simple-01.light.webp)![](https://apogee.avaui.dev/thumbs/careers-sections__simple-01.dark.webp) Simple 01A centred heading over a list of open positions. ](https://apogee.avaui.dev/docs/careers-sections/simple-01)[ ![](https://apogee.avaui.dev/thumbs/careers-sections__simple-02.light.webp)![](https://apogee.avaui.dev/thumbs/careers-sections__simple-02.dark.webp) Simple 02A heading on one side and a list of open positions on the other. ](https://apogee.avaui.dev/docs/careers-sections/simple-02)[ ![](https://apogee.avaui.dev/thumbs/careers-sections__simple-03.light.webp)![](https://apogee.avaui.dev/thumbs/careers-sections__simple-03.dark.webp) Simple 03A heading over open positions in two columns. ](https://apogee.avaui.dev/docs/careers-sections/simple-03)[ ![](https://apogee.avaui.dev/thumbs/careers-sections__simple-04.light.webp)![](https://apogee.avaui.dev/thumbs/careers-sections__simple-04.dark.webp) Simple 04A heading and a list of open positions beside a photo. ](https://apogee.avaui.dev/docs/careers-sections/simple-04)[ ![](https://apogee.avaui.dev/thumbs/careers-sections__card-01.light.webp)![](https://apogee.avaui.dev/thumbs/careers-sections__card-01.dark.webp) Card 01Department tabs over cards for each open position; without JS every department shows. ](https://apogee.avaui.dev/docs/careers-sections/card-01)[ ![](https://apogee.avaui.dev/thumbs/careers-sections__card-02.light.webp)![](https://apogee.avaui.dev/thumbs/careers-sections__card-02.dark.webp) Card 02A heading beside a location menu, over cards for each open position. ](https://apogee.avaui.dev/docs/careers-sections/card-02)[ ![](https://apogee.avaui.dev/thumbs/careers-sections__card-03.light.webp)![](https://apogee.avaui.dev/thumbs/careers-sections__card-03.dark.webp) Card 03A centred heading and a wide photo, then open positions grouped by department. ](https://apogee.avaui.dev/docs/careers-sections/card-03)[ ![](https://apogee.avaui.dev/thumbs/careers-sections__card-04.light.webp)![](https://apogee.avaui.dev/thumbs/careers-sections__card-04.dark.webp) Card 04A location menu over open positions grouped by department, each group with a short intro. ](https://apogee.avaui.dev/docs/careers-sections/card-04)[ ![](https://apogee.avaui.dev/thumbs/careers-sections__simple-01-brand.light.webp)![](https://apogee.avaui.dev/thumbs/careers-sections__simple-01-brand.dark.webp) Simple 01 brandSimple 01 on the brand colour: a centred heading over a list of open positions. ](https://apogee.avaui.dev/docs/careers-sections/simple-01-brand)[ ![](https://apogee.avaui.dev/thumbs/careers-sections__simple-04-brand.light.webp)![](https://apogee.avaui.dev/thumbs/careers-sections__simple-04-brand.dark.webp) Simple 04 brandSimple 04 on the brand colour: a heading and open positions beside a photo. ](https://apogee.avaui.dev/docs/careers-sections/simple-04-brand)[ ![](https://apogee.avaui.dev/thumbs/careers-sections__simple-02-brand.light.webp)![](https://apogee.avaui.dev/thumbs/careers-sections__simple-02-brand.dark.webp) Simple 02 brandSimple 02 on the brand colour: a heading beside a list of open positions. ](https://apogee.avaui.dev/docs/careers-sections/simple-02-brand)[ ![](https://apogee.avaui.dev/thumbs/careers-sections__simple-03-brand.light.webp)![](https://apogee.avaui.dev/thumbs/careers-sections__simple-03-brand.dark.webp) Simple 03 brandSimple 03 on the brand colour: a heading over open positions in two columns. ](https://apogee.avaui.dev/docs/careers-sections/simple-03-brand) ## Related [ JobCardOne open position; title with a status badge, a short description and its location, type and salary, as a list row or a card. ](https://apogee.avaui.dev/docs/job-card)[ TabsSwitch between panels of related content in the same space. ](https://apogee.avaui.dev/docs/tabs)[ SelectA labeled, native