Skip to content

refactor(frontend): fine-tuning and cleanup after the design-system prep - #4009

Draft
Kadrian wants to merge 1 commit into
refactor/button-no-classnamefrom
refactor/toggle-button-group
Draft

refactor(frontend): fine-tuning and cleanup after the design-system prep#4009
Kadrian wants to merge 1 commit into
refactor/button-no-classnamefrom
refactor/toggle-button-group

Conversation

@Kadrian

@Kadrian Kadrian commented Sep 3, 2026

Copy link
Copy Markdown
Collaborator

Design-system prep, step 9: fine-tuning and cleanup

Stacked on #4008. The smaller follow-ups after the button work.

  • ui-components/ToggleButtonGroup is react-aria's ToggleButtonGroup holding our ToggleButtons: selectionMode single or multiple, selectedKeys / onSelectionChange, disallowEmptySelection, the arrow keys move along the group, each button keyed by id; size on the group applies to every button
  • segmented joins the buttons into one bordered control: the four mode switches (range/exact, OR/AND, the row prefix, the secondary id) are segmented sm groups, the selected segment is white with bold primary text, the secondary id options show their description as a tooltip
  • the history's content filter and detail level use the plain vertical group
  • stories: segmented in all sizes, with tooltips, vertical; multiple selection; a vertical icon toolbar

@Kadrian Kadrian changed the title refactor(frontend): ToggleButtonGroup on react-aria-components; segmented look for the mode switches refactor(frontend): fine-tuning and cleanup after the design-system prep Sep 3, 2026
@Kadrian
Kadrian marked this pull request as draft September 3, 2026 21:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant