Sheet

import {Sheet} from '@gravity-ui/uikit';

Sheet es un componente diseñado para usarse en el contexto móvil como elemento de información o interactivo. Puede colocar contenido de cualquier tamaño en él, ya que se admiten el desplazamiento interno y el cambio de tamaño dinámico.

En dispositivos móviles, puedes mover una Sheet tirando de su parte principal o de la zona de deslizamiento. Para cerrarlo, desliza el dedo hacia abajo o toca el área fuera del Sheet.

§Uso

import React from 'react';
import {Button, Sheet} from '@gravity-ui/uikit';

const SheetExample = () => {
  const [visible, setVisible] = React.useState(false);

  return (
    <React.Fragment>
      <Button onClick={() => setVisible(true)}>Open Sheet</Button>
      <Sheet visible={visible} onClose={() => setVisible(false)} title="Content Sheet">
        Content
      </Sheet>
    </React.Fragment>
  );
};

§Propiedades

§API CSS