Skip to content

ResizableHandle ​

Overview ​

A drag handle for resizing panels in a ResizablePanelGroup.

Theme entry: ResizableHandle

Props ​

NameTypeRequiredDefaultDescription
iconOverrideObjectnullA partial icon registry ({ [componentName]: { [iconName]: { component, props } } }) merged with inherited and default icon entries; scopes icon overrides to this component and its descendants.
themeOverrideObjectnullA partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
classimport('vue').HTMLAttributes['class']undefinedAdditional CSS classes to apply to the root element.
withHandlebooleanundefinedWhether to show the grip handle indicator.
idstringundefinedThe id of the handle.
disabledbooleanundefinedThe disabled state.

Slots ​

default ​

Slot.

Events ​

NameDescription
draggingEmitted when the handle drag state changes.

Full event reference

Source ​

client/lib/shell/resizable/ResizableHandle.vue