Page History

...

• validation – Configures validation rules for the checkbox:
• required – When set to true, form submission is blocked unless the checkbox is checked.
• requiredTrue – Specifically requires the checkbox to be checked (true) for validation to pass, commonly used for terms acceptance.

Links

• Figma: https://www.figma.com/design/yck1tcUXgdQ5aYX6iUAwrO/GE---Astronaut-Design-System?node-id=11523-164008&t=iosNC2AkSTGs5lMh-1
• Live style guide: https://e1-dev.k8s.myapp.de/live-style-guide/id3/6-checkbox

Guidelines

Usage

• Use for a binary, user-controlled choice; set a clear label and localize it with label / labelTranslations.
• Initialize a predictable starting state with either value (current) or defaultValue (initial before input/reset)—don’t set both to conflicting values.
• Use readonly to show an uneditable decision; reserve disabled for when the control is unavailable and non-interactive.

...