import { KbqResizerModule } from '@koobiq/components/resizer';

Directive (container) sets whether the element is resizable.

Selector: [kbqResizable]

Exported as: kbqResizable

Directive which defines element resizing direction.

Selector: [kbqResizer]

Exported as: kbqResizer
Properties
Name Description
@Input('kbqResizer')
direction: InputSignal
Direction of element resizing.
@Output('sizeChange')
sizeChange: OutputEmitterRef
Emits the new size of the element after resizing.

Directions for resizing. Horizontal direction (x): - Left: -1 - None: 0 - Right: 1 Vertical direction (y): - Up: -1 - None: 0 - Down: 1

type KbqResizerDirection = [x: -1 | 0 | 1, y: -1 | 0 | 1];

Event emitted when the size of the resizable element changes.

type KbqResizerSizeChangeEvent = {
    width: number;
    height: number;
};
Docs Feedback
If you have any questions or would like to contribute to writing the documentation, please create an issue in our GitHub repository.