[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [useOnDisplay](./x-components.useondisplay.md) ## useOnDisplay() function Composable that triggers a callback whenever the provided element appears in the viewport. It can trigger the first time only or every time the element appears in the viewport. **Signature:** ```typescript export declare function useOnDisplay(input: UseOnDisplayOptions): UseOnDisplayReturn; ``` ## Parameters

Parameter	Type	Description
{ element, callback, triggerOnce, }	(not declared)
input	UseOnDisplayOptions

**Returns:** UseOnDisplayReturn If the element is currently visible in the viewport or not and the watcher stop handle.