Browser support
Central Design System 4 uses modern web platform features and targets current self-updating (evergreen) browser versions.
Browsers
This is not an exhaustive list of compatible browsers — these are the main targets. Browsers not listed here are not officially supported.
| Browser | Version | Status |
|---|---|---|
| Chromium (Chrome, Edge) | 111 | ✅ Supported * |
| 87 | ⚠️ Partial support ** | |
| Firefox | 121 | ✅ Supported * |
| 78 | ⚠️ Partial support ** | |
| Safari | 16.4 | ✅ Supported |
| Internet Explorer | ⛔ Not supported | |
| Other browsers | ❓ Not officially supported |
* Every browser on iOS runs on WebKit, so its support matches Safari.
** The library's JS bundle targets ES2020 and runs in these versions, but part of the styles rely on modern CSS features — the :has() selector and the color-mix() function. In browsers without them some components may render incorrectly.
Legacy browsers
Internet Explorer is not supported by design: Vue 3 is built on Proxy (ES2015), which cannot be polyfilled.
Older versions of the browsers listed above may work with extra polyfills and PostCSS plugins, but this is neither tested nor guaranteed. If you have to support legacy browsers, use CDS 2.