Skip to content

fix(ui5-shellbar): update Joule assistant button icon in website samples - #14038

Open
kgogov wants to merge 2 commits into
mainfrom
fix/joule-samples
Open

fix(ui5-shellbar): update Joule assistant button icon in website samples#14038
kgogov wants to merge 2 commits into
mainfrom
fix/joule-samples

Conversation

@kgogov

@kgogov kgogov commented Sep 10, 2026

Copy link
Copy Markdown
Contributor

The Joule toggle button in the assistant slot was missing the correct icon swap behavior. When toggled on, the button should display the filled Joule icon (da-2); when toggled off, it should show the outlined icon (da).

Updated all affected website samples (HTML + React variants):

  • Import da-2 icon alongside da
  • Add click handler that swaps icon between da and da-2 on toggle
  • Add unique IDs to toggle buttons in multi-instance samples

Fixes #14021

@kgogov
kgogov deployed to netlify-preview September 10, 2026 09:37 — with GitHub Actions Active
@sap-ui5-webcomponents-release

Copy link
Copy Markdown

The Joule toggle button in the assistant slot was missing the correct
icon swap behavior. When toggled on, the button should display the
filled Joule icon (da-2); when toggled off, it should show the outlined
icon (da).

Updated all affected website samples (HTML + React variants):
- Import da-2 icon alongside da
- Add click handler that swaps icon between da and da-2 on toggle
- Add unique IDs to toggle buttons in multi-instance samples

Fixes #14021
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.

[ui5-shellbar]: Joule Shell Bar Icon Design Deviations

1 participant