Disable close button

[novecento]

Sorry to bother you, but is it possible to disable the Close button on DockView?

[subaanqasim]

You can disable the close button by extending the default tab component:

import { IDockviewPanelHeaderProps, DockviewDefaultTab } from 'dockview';

const MyCustomTab = (props: IDockviewPanelHeaderProps) => {
    const onContextMenu = (event: React.MouseEvent) => {
        event.preventDefault();
        alert('context menu');
    };
    return <DockviewDefaultTab onContextMenu={onContextMenu} hideClose={true} {...props} />;
};

You can then use the extended component to be the default rendered tab using the defaultTabRenderer prop, or provide it as part of a list of different tab components if you want to be able to select different tab components per panel/group.

Link from the docs: https://dockview.dev/docs/core/panels/tabs#extend-the-default-tab-implementation