Documentation Index
Fetch the complete documentation index at: https://docs.brikl.co/llms.txt
Use this file to discover all available pages before exploring further.
Overview
Careers 04 is a marketing component designed to display open job positions on a company careers page. It features a header section with a subtitle and title, a horizontal tab navigation for filtering positions by department (View All, Design, Software Engineering, Customer Success, Sales, Marketing), and a list of job cards each showing the position title, a department badge, a short description, and location/work-type details. Tab clicks trigger custom state changes to filter visible positions.How to use
States
This component includes conditional states that automatically change its appearance.| State | Trigger | Visual effect |
|---|---|---|
| Mobile/Tablet layout | Current Page Width is less than or equal to 768px | Header font sizes reduce, row gaps decrease, badge visibility is hidden, and layout adapts for smaller screens |
| Active tab selection | User clicks a department tab button | Custom state ‘tabs_item_’ is updated to the clicked tab’s item value, filtering the visible job positions accordingly |
These states are handled natively by Bubble and require no additional setup.
They will work automatically once the component is pasted into your editor.
Responsive
This component adapts to mobile screens. Font sizes and layout automatically adjust on screens smaller than Bubble’s built-in mobile breakpoint.Workflows
This component includes pre-built workflows.| Trigger | Action |
|---|---|
| Tab Design button is clicked | Sets custom state ‘tabs_item_’ on the tabs container to the Design tab’s item value |
| Tab Software Engineering button is clicked | Sets custom state ‘tabs_item_’ on the tabs container to the Software Engineering tab’s item value |
| Tab View All button is clicked | Sets custom state ‘tabs_item_’ on the tabs container to the View All tab’s item value |
| Tab Customer Success button is clicked | Sets custom state ‘tabs_item_’ on the tabs container to the Customer Success tab’s item value |
| Tab Sales button is clicked | Sets custom state ‘tabs_item_’ on the tabs container to the Sales tab’s item value |
| Tab Marketing button is clicked | Sets custom state ‘tabs_item_’ on the tabs container to the Marketing tab’s item value |
These workflows are included when you use the Copy with Workflows option in the Brikl panel.
Requirements
| License | Starter plan required |
| Plugins | None |
| Custom code | Not required |
Platforms
| Platform | Supported |
|---|---|
| Web | ✅ |
| Mobile | ❌ |
License
This component requires a Starter plan.