Tabs

Tabs organise content into multiple panels, keeping the interface clean while allowing quick access to each section.

This is content for Tab 3.

Prop
Type
Default value
Prop
defaultValue
Type
string
Default value
-
Prop
value
Type
string
Default value
-
Prop
onValueChange
Type
({ value: string }) => void
Default value
-
Prop
ariaLabel
Type
string
Default value
-

FileTabs

FileTabs are used to display a list of files in a tabbed interface such as in the Query Editor.

Tab 1
Tab 2
Tab 3
Prop
Type
Default value
Prop
selectedIndex
Type
number
Default value
-
Prop
onReorderTab
Type
(source: number, destination: number) => void
Default value
-
Prop
onClose
Type
(index: number) => void
Default value
-
Prop
onSelect
Type
(index: number) => void
Default value
-

© 2025 ClickHouse, Inc. HQ in the Bay Area, CA and Amsterdam, NL.