Skip to content

feat(details): add summary-suffix slot - #12385

Open
JoeJoeflyn wants to merge 1 commit into
vaadin:mainfrom
JoeJoeflyn:feat/details-summary-suffix
Open

feat(details): add summary-suffix slot#12385
JoeJoeflyn wants to merge 1 commit into
vaadin:mainfrom
JoeJoeflyn:feat/details-summary-suffix

Conversation

@JoeJoeflyn

@JoeJoeflyn JoeJoeflyn commented Aug 8, 2026

Copy link
Copy Markdown

Summary

Add a summary-suffix slot to <vaadin-details> so action buttons can be placed on the right side of the summary, visible in both open and closed states, without triggering the toggle behavior.

Changes

  • Wrapped the summary slot and a new summary-suffix slot in a <div part="summary-wrapper"> with flex layout
  • Summary takes flex: 1, suffix takes flex: none (sits on the right)
  • Added tests for the new slot

Why

Currently there is no way to add action buttons (edit, delete, etc.) next to the summary without them also toggling the panel open/close. The summary-suffix slot provides a dedicated area for such buttons.

Closes vaadin/hilla#5896

Test plan

  • summary-wrapper part renders in shadow DOM
  • summary-suffix slot renders in shadow DOM
  • Suffix element is assigned to the slot
  • Clicking suffix does NOT toggle the panel
screenrecording-2026-08-08_19-12-14.mp4

Add a new `summary-suffix` slot to `<vaadin-details>` so action buttons
can be placed on the right side of the summary, visible in both open and
closed states, without triggering the toggle behavior.

Closes vaadin/hilla#5896
@JoeJoeflyn
JoeJoeflyn force-pushed the feat/details-summary-suffix branch from 0b7e4d8 to db7ee05 Compare August 8, 2026 12:39
@sonarqubecloud

sonarqubecloud Bot commented Aug 8, 2026

Copy link
Copy Markdown

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.

Details: summary slot partial not clickable

1 participant