Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 10 additions & 0 deletions packages/foundations/docs/BrowserSupport.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
# Browser Support

We're [testing our components with playwright](../../foundations/test-table) on the latest browser versions of Google Chrome, Mozilla Firefox and Apple Safari. Since all of these browsers are supposed to be evergreen, we're using some newer browser features that have been added specifically as part of the [interop initiative](https://web.dev/blog/interop-2025), mostly as progressive enhancements, but some may not even offer graceful degradation.

This may leave some older browser versions behind. If you need to take care of these older browsers, you may not want to migrate to DB UX Design System v3 right now, but stay with DB UI Core or Elements for a little longer. In particular, the following features we use may be related to an evaluation of your browser strategy:

| Web Feature | Google Chrome | Mozilla Firefox | Apple Safari |
| ------------------------------------------------------------------------------------------------------------------------------- | ---------------- | ---------------- | ----------------- |
| [`@property` / typed CSS Custom Properties](https://developer.mozilla.org/en-US/docs/Web/CSS/@property) | 85 (25.08.2022) | 128 (09.07.2024) | 16.4 (27.03.2023) |
| [`light-dark()`](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark) | 123 (19.03.2024) | 120 (21.11.2023) | 17.5 (13.05.2024) |
3 changes: 2 additions & 1 deletion showcases/patternhub/data/routes.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -237,7 +237,8 @@ export const ROUTES: NavigationItem[] = [
path: '/foundations/test-table'
},
{ label: 'IDE Support', path: '/foundations/ide' },
{ label: 'Performance', path: '/foundations/performance' }
{ label: 'Performance', path: '/foundations/performance' },
{ label: 'Browser Support', path: '/foundations/browser-support' }
]
},
{
Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
import DefaultPage from "../../../components/default-page";

import Readme from "../../../../../packages/foundations/docs/BrowserSupport.md";

<Readme />

export default ({ children }) => <DefaultPage>{children}</DefaultPage>;
Loading