Delay

Delay render

EuiDelayRender is a component for conditionally toggling the visibility of a child component. It will ensure that the child is hidden for at least 500ms (default). This allows delay UI rendering. That is helpful when you need to update aria live region(s) repeatedly.

Delay hide

EuiDelayHide is a component for conditionally toggling the visibility of a child component. It will ensure that the child is visible for at least 1000ms (default). This avoids UI glitches that are common with loading spinners and other elements that are rendered conditionally and potentially for a short amount of time.

Props

EuiDelayRender


Prop	Description and type	Default value
Prop delay#	Description and type Type: `number`	Default value `500`

EuiDelayHide


Prop	Description and type	Default value
Prop render#	Description and type Type: `() => ReactNode`	Default value Required
Prop hide#	Description and type Type: `boolean`	Default value `false`
Prop minimumDuration#	Description and type Type: `number`	Default value `1000`

Delay render.css-1pgbpvp{-webkit-margin-start:8px;margin-inline-start:8px;opacity:0;}.css-1pgbpvp:focus,.heading:hover .css-1pgbpvp{opacity:1;}

Delay hide

Props

Delay render