Represents an interactive element inside a GridCell. It allows for pausing grid navigation to
interact with the widget.
element
HTMLElementA reference to the host element.
id
InputSignal<any>A unique identifier for the widget.
widgetType
InputSignal<"simple" | "complex" | "editable">The type of widget, which determines how it is activated.
disabled
InputSignalWithTransform<boolean, unknown>Whether the widget is disabled.
focusTarget
InputSignal<HTMLElement | ElementRef<any> | undefined>The target that will receive focus instead of the widget.
activated
OutputEmitterRef<KeyboardEvent | FocusEvent | undefined>Emits when the widget is activated.
deactivated
OutputEmitterRef<KeyboardEvent | FocusEvent | undefined>Emits when the widget is deactivated.
tabindex
InputSignal<number | undefined>The tabindex override.
isActivated
Signal<boolean>Whether the widget is activated.
activate
voidActivates the widget.
voiddeactivate
voidDeactivates the widget.
voidDescription
Represents an interactive element inside a GridCell. It allows for pausing grid navigation to
interact with the widget.
When the user interacts with the widget (e.g., by typing in an input or opening a menu), grid navigation is temporarily suspended to allow the widget to handle keyboard events.
<td ngGridCell>
<button ngGridCellWidget>Click Me</button>
</td>