Page History
...
- id – Specifies a unique identifier for the component used for programmatic access. For example,
"projectGanttChart"enables targeted manipulation of this specific chart. - dataTestId – Sets the testing hook ID for automated testing. For example, setting it to
"project-gantt-chart"allows test scripts to reliably locate this component. - enableAsHotspot – Enables the component as a guided tour hotspot. When enabled, this chart can be highlighted during guided tours of the application.
- guidedTourHotSpotTitle – Sets the title for the guided tour hotspot, supporting translations. For example,
{"en-US": "Project Timeline", "de-DE": "Projektzeitplan"}provides localized titles for the hotspot. - guidedTourHotSpotDescription – Sets the description for the guided tour hotspot, supporting translations. For example,
{"en-US": "This chart shows your project schedule", "de-DE": "Diese Grafik zeigt Ihren Projektzeitplan"}provides localized descriptions.
Links
- Figma: tbahttps://www.figma.com/design/yck1tcUXgdQ5aYX6iUAwrO/GE---Astronaut-Design-System?node-id=11613-77302&t=2GNf1jEXqXOrnDUK-1
- Live style guide: https://e1-dev.k8s.myapp.de/live-style-guide/other-components/gantt-chart/common
...
