Diálogo
Utilice el componente de diálogo para mostrar un mensaje o alerta al usuario, permitiéndole tomar las medidas correspondientes o presentar un formulario que requiera una acción inmediata antes de continuar, como un inicio de sesión. El cuadro de diálogo se muestra modalmente, lo que significa que el usuario debe completarlo o cerrarlo antes de continuar. El cuadro de diálogo es visualmente idéntico a la Ignite UI for Angular
Dialog Demo
Types
El cuadro de diálogo se puede utilizar para mostrar una alerta con solo un botón de confirmación, un mensaje con cancelación y confirmación, o como un contenedor para una acción que necesita atención inmediata, como un usuario que inicia sesión en su cuenta. Su área de botones admite plantillas, lo que le permite, por ejemplo, ajustar los botones. Para ocultar uno en Sketch, debe configurar su anulación principal en ~Sin símbolo y, gracias al diseño inteligente, el área se ajustará en consecuencia. En Adobe XD, para lograr lo mismo, simplemente debe eliminar el botón innecesario y Stack ajustará el diseño del área; sin embargo, también es posible insertar otro a diferencia de Sketch. En Figma, para ocultar uno de los dos botones de acción, debes hacerlo desde el panel de capas y el diseño automático ajustará el área automáticamente.
Estilismo
El cuadro de diálogo viene con flexibilidad de estilo a través de las diversas opciones para su título y mensaje, los botones en la parte inferior con todas las opciones de estilo que proporciona el componente Botón, así como el fondo y la elevación.
Usage
Al diseñar un cuadro de diálogo personalizado, evite colocar botones en la sección del cuerpo y, en su lugar, utilice los botones de diálogo existentes para sus acciones.
Hacer | No |
---|---|
Additional Resources
Temas relacionados:
Nuestra comunidad es activa y siempre da la bienvenida a nuevas ideas.