Release highlights May

Konstantin Demblin, Design System Lead

This blog post covers some highlights from the latest releases of GDS v2.70.0 and GDS v2.71.0.

Structured Info update ✨

StructuredInfo supports long IBANs now (e.g. CZ IBANS with 6*4 digits).

Examples of the StructuredInfo, one with truncated IBAN and one with full IBAN.

Learn more about this component and its use cases here.

Added headersAbove prop to Table.

Example of a sticky Table header.

Check out an example in Storybook.

Copy serves for copying text (e.g. IBAN, account number, …) to clipboard.

Examples of the Copy component showing a Tooltip to copy an IBAN and a SnackbarItem with a success message.

Learn more about this component and its use cases in GDS-Docs or check out an example in Playroom.

All font styles in G-Web now use font variables under the hood.

A screenshot of Figma's user interface showing font variables.

Added variables for body paddings in Modal and DrawerModal.

A listing of variables for Modal's body paddings.

Fixed FormField label padding inconsistencies when used with

A form field with improved paddings.

Check out a FormField’s example with improved padding in Playroom.

Updated documentation on Stepper to show how to add buttons left and right of the component.

A FocusPage with Stepper and Buttons left and right of it.

Learn more about this example here

Thank you to everyone involved for their outstanding work on the latest design system release!