Skip to content

feat(ui): add ActionBar, a floating bottom action bar - #154

Merged
TheGreatAxios merged 3 commits into
mainfrom
cl-11892-move-builders-floating-action-bar-into-react-ui-as-a-shared
Oct 31, 2026
Merged

TheGreatAxios merged 3 commits into
mainfrom
cl-11892-move-builders-floating-action-bar-into-react-ui-as-a-shared

Conversation

@TheGreatAxios

Copy link
Copy Markdown
Contributor

Adds ActionBar, the floating bottom action bar from Builder's document pane, so every product gets the same bar.

  • Grouped actions with labels, icons, disabled, active and note states.
  • Collapses to a handle; focus returns to the handle and back to the bar.
  • Floating (sticky at the bottom of a scroll container) or inline row placement; overflow folds into a trigger.
  • renderTrigger lets the host wrap the overflow trigger in its own Menu, so ActionBar stays in the root barrel without pulling in Menu.
  • barRef points at the bar or handle.
  • Stories for each state, including dark, popover and prepare.

Closes CL-11892

Verification

  • bun run check: lint, format, typecheck, dep-guard, contrast and tests (855 pass).
  • axe is clean on the stories.

@linear-code

linear-code Bot commented Oct 31, 2026

Copy link
Copy Markdown

CL-11892

@TheGreatAxios

Copy link
Copy Markdown
Contributor Author

Screenshots

Storybook, light theme unless noted.

collapsed

menu-open

row-overflow

disabled

focus

dark

popover

@corbits-triage

corbits-triage Bot commented Oct 31, 2026 •

Copy link
Copy Markdown
Contributor

Triage: Pass

No changes needed from you. A maintainer will review this pull request.

Notes:

  • added code matches a code pattern: src/ui/action-bar.tsx:216 Nested ternary; use if statements or a lookup., src/ui/action-bar.tsx:218 Nested ternary; use if statements or a lookup., src/ui/action-bar.tsx:220 Nested ternary; use if statements or a lookup.

Triage will approve, label.

@TheGreatAxios
TheGreatAxios force-pushed the cl-11892-move-builders-floating-action-bar-into-react-ui-as-a-shared branch from 960dee8 to 824598f Compare October 31, 2026 23:33
@TheGreatAxios
TheGreatAxios merged commit 7b6f283 into main Oct 31, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant