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

Closable

configuration

Specifies whether each tab can be closed via a close button. When enabled, each tab includes a close icon that triggers tab removal on click. This applies to all tabs in the TabStrip. You can configure the closable behavior for individual tabs by setting the closable option in the specific tab item options.

closable

Boolean

Default: false

<div id="tabstrip"></div>

<script>
    $("#tabstrip").kendoTabStrip({
        closable: true,
        dataTextField: "text",
        dataContentField: "content",
        dataSource: [
            {
                text: "Tab 1",
                content: "Tab 1 content"
            },
            {
                text: "Tab 2",
                content: "Tab 2 non-closable content",
                closable: false
            },
            {
                text: "Tab 3",
                content: "Tab 3 content"
            }]
    });
</script>