Feature Overview (aka. Goal Summary)

Evaluate the status and missing parts of the new Backstage UI library Canon:

https://canon.backstage.io/

Goals (aka. expected user outcomes)

Understand the current status and missing parts to adapt Canon.

Questions that should be answered:

1. Is it possible to use it today?
2. Is any backstage/backstage or backstage/community-plugins code is adopting it already?
   • Jan 22nd, 2025: No plugin is using it at the moment
3. How does it work together with MUI?
4. How does it work together with Dynamic plugins?
5. Is there a Backstage compatibility (planned), so that the colors are picked up automatically? What is required to support customization in our RHDH theme? In the best case, we want to use colors from our existing theme to style Canon components automatically.
6. Are there known bugs or need-help issues?
7. Does it support good a11y? For example, I noticed that the buttons don't have a focus indicator at the moment. We should report bugs if needed.

Requirements (aka. Acceptance Criteria):

1. The questions above should be answered

Out of Scope (Optional)

Customer Considerations (Optional)

1. Customers might want use the Canon library for their own plugin?
2. Marketplace/Community plugins might adapt the library in the future.

Documentation Considerations

1. Does our dynamic plugin documentation contain info about MUI?