Design System Design System

  • Home
  • Installation
  • Browser support
  • Design principles
  • Release process
Foundation
  • Accessibility
  • Colors
  • Glossary
  • Icons
  • Layout
  • Styling
  • Writing
Patterns
  • Errors
  • Filters
  • Page headers
Components
  • App bars
  • Buttons and links
  • Floating elements
  • Loaders
  • Menus
  • Modals
  • Snackbars
  • Tabs
  • Text fields
Composables
  • useKFloatingPosition
  • useKLiveRegion
  • useKResponsiveElement
  • useKResponsiveWindow
  • useKShow
Code library components
  • KBreadcrumbs
  • KButton
  • KButtonGroup
  • KCard
  • KCardGrid
  • KCheckbox
  • KCircularLoader
  • KDateRange
  • KDropdownMenu
  • KEmptyPlaceholder
  • KExternalLink
  • KFixedGrid
  • KFixedGridItem
  • KFocusTrap
  • KGrid
  • KGridItem
  • KIcon
  • KIconButton
  • KImg
  • KLabeledIcon
  • KLinearLoader
  • KListWithOverflow
  • KLogo
  • KModal
  • KOptionalText
  • KOverlay
  • KPageContainer
  • KRadioButton
  • KRadioButtonGroup
  • KRouterLink
  • KSelect
  • KSwitch
  • KTable
  • KTabs
  • KTabsList
  • KTabsPanel
  • KTextTruncator
  • KTextbox
  • KToolbar
  • KTooltip
  • KTransition

Browser support link to current page

GitHub pull/1240 | GitHub Release notes

Browser support link to current page

GitHub pull/1240 | GitHub Release notes

The design system's browser support is determined by Kolibri, which often runs offline, on older devices, and with limited insight into browser usage.

Each library update must be strictly compatible with Kolibri's browserslist.

The following areas require extra care to maintain compatibility:

  • Floating UI (@floating-ui/dom) version updates ( guidance )