We see the need to add more tooltips to buttons and icons in the studio. This could replace the need for text elsewhere. I see that we have a native tooltip in some parts of the studio. The tooltips are not used consistently, and we should have a pattern for using tooltips and a rule for maximum width and maximum characters to maintain the value of the component.
We do also need to consider if we want to use the component from the design system or use the native component.
From studio:
Some icon buttons with native tooltip
Some icon buttons without tooltip
Design system tooltip component
Additional Information
No response
Tasks
Consider the advantages and disadvantages of using native versus design system components.
If we want DS tooltip, it need to be added to Studio components
Get an overview of where it is used.
Create standard usage patterns for tooltips in the studio and use them that way.
An example of a tooltip that should not be used as a tooltip: this should be a warning message, such as a modal or an alert. Additionally, the style is different too.
Description
We see the need to add more tooltips to buttons and icons in the studio. This could replace the need for text elsewhere. I see that we have a native tooltip in some parts of the studio. The tooltips are not used consistently, and we should have a pattern for using tooltips and a rule for maximum width and maximum characters to maintain the value of the component.
We do also need to consider if we want to use the component from the design system or use the native component.
From studio: Some icon buttons with native tooltip
![Skjermbilde 2024-07-03 kl 14 28 21](https://github.com/Altinn/altinn-studio/assets/100292724/b6d0a5aa-f5fa-4bf0-93c0-22b103422b62)
Some icon buttons without tooltip
![Skjermbilde 2024-07-03 kl 14 34 36](https://github.com/Altinn/altinn-studio/assets/100292724/d3dd7d94-99dd-4b3b-8e32-47b157e9b0e7)
Design system tooltip component![Skjermbilde 2024-07-03 kl 14 02 18](https://github.com/Altinn/altinn-studio/assets/100292724/c90863fa-5eb4-4d14-bc50-4d599e613c4c)
Additional Information
No response
Tasks
Consider the advantages and disadvantages of using native versus design system components.
Get an overview of where it is used.
Create standard usage patterns for tooltips in the studio and use them that way.
Acceptance Criterias
No response