Overlay

Mantenedor:
Vladeeg
GitHub
visible
background
import {Overlay} from '@gravity-ui/uikit';

El Overlay componente representa una superposición sobre el elemento principal con la posición relativa, es decir, el elemento principal debe haberse position establecido en. relative Por ejemplo, se puede usar para conservar el diseño deseado mientras se cargan los datos.

import {Box, Overlay, Loader} from '@gravity-ui/uikit';

<Box position="relative">
  <div>Some content to hide under overlay</div>
  <Overlay visible={loading}>
    <Loader />
  </Overlay>
</Box>;

Apariencia

Antecedentes

Puede utilizar nuestros base colores float de fondo.

Propiedades

NombreDescripciónTipoPredeterminado
classNameNombre de clase CSS del elemento raízstring
visibleEstado de visibilidad superpuestabooleanfalse
fondoEstilo de fondo superpuesto"base" "float"base
niñosContenido (por lo general, un Loader componente)React.ReactNode