New to Kendo UI for Angular? Start a free 30-day trial

TabStripScrollableSettings

The settings for the scrollable functionality of the TabStrip. (see example)

Name	Type	Default	Description
buttonScrollSpeed?	`number`	`100`	Sets the tab list scroll speed in pixels when clicking the scroll buttons.
enabled?	`boolean`	`true`	Determines whether the TabStrip will be scrollable.
mouseScroll?	`boolean`	`true`	Determines whether the TabStrip will be scrolled with the mouse wheel.
mouseScrollSpeed?	`number`	`10`	Sets the tab list scroll speed in pixels when scrolling via the mouse wheel.
nextButtonIcon?	`string`		Allows defining a custom CSS class, or multiple classes separated by spaces, which will be applied to the span element of the next scroll button. Allows the usage of custom icons.
nextSVGButtonIcon?	`SVGIcon`		Defines an SVGIcon to be rendered for the next button icon. The input can take either an existing Kendo SVG icon or a custom one.
prevButtonIcon?	`string`		Allows defining a custom CSS class, or multiple classes separated by spaces, which will be applied to the span element of the prev scroll button. Allows the usage of custom icons.
prevSVGButtonIcon?	`SVGIcon`		Defines an SVGIcon to be rendered for the previous button icon. The input can take either an existing Kendo SVG icon or a custom one.
scrollButtons?	`TabStripScrollButtonsVisibility`		Determines whether the TabStrip scroll buttons visibility mode. The possible options are: 'auto'(default) - The scroll buttons will be rendered only when the tabs list overflows its container. 'visible' - The scroll buttons will be always visible. 'hidden' - No scroll buttons will be rendered.