#StandWithUkraine

Release highlights in April

Konstantin Demblin
, Design System Lead

This blog post covers some highlights from the latest release of GDS, v.2.68.0.

Legend ✨

Legend is a new component.

Legend serves for providing accessible information related to a chart, a Meter, or a similar component that requires distinction between colors.

Hint As this is a new component, development teams will have to refactor existing custom implementations to make use of it.

Examples of the Legend component

Learn more about this component and it’s use cases here.


FixedFilter ✨

FixedFilter is a new component.

FixedFilter is a component with a summary of transactions.

Hint To be used in George-Business.

Examples of the Legend component

Learn more about this component and it’s use cases here.


Button 🛠️

This is an update to icon only Button.
Hint We have added a property to opt-in for this feature.

Examples of the Legend component

Learn more about this component and see it’s use cases in action in Playroom.


Updated Tab Styles 💅

Tabs structure and allow navigation between groups of content that are related and of similar importance.

Hint Tabs in applications using the latest version of GDS, will look different than before.

Examples of the Legend component

Learn more about this component and it’s use cases here.


FixedToBottom, FixedButton, Back to Top ✨

FixedButton is a new component, introduced with v.2.66.0.

Some components float on top of content in a position fixed to the bottom of the page. These components need to be placed within slots of FixedToBottom component, which takes care of their positioning.
FixedButton is a button fixed at the bottom of the page. Back to Top variant of the FixedButton helps the user to get back to the top of the page.

Examples of the Legend component

Hint To be used in George-Business.


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