Design System Design System

  • Home
  • Installation
  • Design principles
  • Release process
Foundation
  • Accessibility
  • Colors
  • Glossary
  • Icons
  • Layout
  • Styling
  • Writing
Patterns
  • Errors
  • Filters
  • Page headers
Components
  • App bars
  • Buttons and links
  • Loaders
  • Menus
  • Modals
  • Snackbars
  • Tabs
  • Text fields
Composables
  • 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
  • KTooltip
  • KTransition

Tabs link to current page

GitHub develop | GitHub Release notes
  • Overview

Tabs link to current page

GitHub develop | GitHub Release notes
  • Overview

Overview
#

Tabs are a design pattern describing a set of tab elements and panels containing content associated with them. Only one panel, the one corresponding to the active tab, is displayed at a time.

They can be implemented by means of the following components:

  • KTabs is the simplest and recommended way to implement tabs
  • Using KTabsList together with KTabsPanel is an alternative for more complex scenarios