<Dialog />

Este componente esta disponible en el paquete: @nubeteck/prime.

📖 Descripción

El diálogo es un contenedor para mostrar contenido en una ventana superpuesta. Este componente es una modificación del original que proviene de PrimeReact.

🔧 Propiedades

Las propiedades de este componente las puedes encontrar en la documentación oficial de PrimeReact.

Mas propiedades:

interface IDialogProps extends DialogProps {
  title?: string;
  subtitle?: string;
}

Propiedad	Tipo	Descripción
title	React.ReactNode	Titulo del componente.
subtitle	React.ReactNode	Subtitulo del componente.

⚙️ Ejemplo

import React from "react";

const DialogExample = () => {
  const [dialog, setDialog] = React.useState(false);

  return (
    <>
      <Dialog
        className="w-5"
        visible={dialog}
        title="Prime Docs"
        onHide={() => setDialog(false)}
        subtitle="Un ejemplo para ser usado"
      >
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo dicta
        voluptatem debitis. Nesciunt ullam, nam voluptatum similique, pariatur
        veniam eius eligendi perferendis itaque a impedit iure dolore dicta
        aperiam ut.
      </Dialog>
      <FiltersDrawer visible={drawer} onHide={() => setDrawer(false)} />
    </>
  );
};