Function ResizableHandle

Parameters

• __namedParameters: BaseSeparatorAttributes & {
      className?: string;
      disabled?: boolean;
      disableDoubleClick?: boolean;
      elementRef?: Ref<HTMLDivElement>;
      id?: string | number;
      style?: CSSProperties;
  } & { withHandle?: boolean }

  • OptionalclassName?: string

    CSS class name.

    ℹ️ Use the data-separator attribute for custom hover and active styles

    ⚠️ The following properties cannot be overridden: flex-grow, flex-shrink

  • Optionaldisabled?: boolean

    When disabled, the separator cannot be used to resize its neighboring panels.

    ℹ️ The panels may still be resized indirectly (while other panels are being resized). To prevent a panel from being resized at all, it needs to also be disabled.

  • OptionaldisableDoubleClick?: boolean

    When true, double-clicking this Separator will not reset its Panel to its default size.

  • OptionalelementRef?: Ref<HTMLDivElement>

    Ref attached to the root HTMLDivElement.

  • Optionalid?: string | number

    Uniquely identifies the separator within the parent group. Falls back to useId when not provided.

    ℹ️ This value will also be assigned to the data-separator attribute.

  • Optionalstyle?: CSSProperties

    CSS properties.

    ℹ️ Use the data-separator attribute for custom hover and active styles

    ⚠️ The following properties cannot be overridden: flex-grow, flex-shrink

  • OptionalwithHandle?: boolean