Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

(this page was created automatically. In case of formatting issues, please visit the official Wiki Page)

Card

Link to Figma: https://www.figma.com/design/yck1tcUXgdQ5aYX6iUAwrO/GE---Astronaut-Design-System?node-id=11550-252909&t=iosNC2AkSTGs5lMh-1

Overview

  • The Card component is a container for grouped information.
  • It supports a title and subtitle as visual identifiers.
  • Cards can exist in active, disabled, or expanded states.
  • Actions can be assigned to trigger events, such as On Change.

...

  • Active → Card is marked as active.

  • Disabled → Card is marked as disabled.

  • Expanded → Card is expanded and can be combined with Active.

  • Actions can be added through the Action Editor.

  • Supported event: On Change.

Figma: https://www.figma.com/design/yck1tcUXgdQ5aYX6iUAwrO/GE---Astronaut-Design-System?node-id=11550-252909&t=iosNC2AkSTGs5lMh-1 Live style guide: https://e1-dev.k8s.myapp.de/live-style-guide/id5/4-card/card

Guidelines

Configuring Toolbars

...