Skip to main content

Brand Refresh

We’re excited to announce the v2.28.0 release of our coded component library, now fully aligned with the recently refreshed Figma library!

Following the design system update shared a few weeks ago, the DUIL team has completed the next critical step: bringing all refreshed components into code. This means what you see in Figma is now accurately reflected in the components you build with — making the handoff from design to development smoother and more reliable than ever.

How to activate Brand Refresh styles

  • Set data-dui-brand-refresh-ui-enabled="true" attribute to the root <html> element of the application

    or

  • Set is-brand-refresh-ui-enabled: true in the browser localStorage


Possible value of data-dui-brand-refresh-ui-enabled and is-brand-refresh-ui-enabled is true or false.