Saltar al contenido

¿Cómo alinear el botón dentro del material angular de diálogo?

Verificamos de forma completamente cada una de las reseñas en nuestro sitio web con la meta de enseñarte siempre la información certera y certera.

Solución:

Puedes usar el align HTML attribute:

What's your favorite animal?

Manifestación


Nota: La razón por la que establecer un align="end" attribute funciona en el contenedor de acciones del diálogo es porque el align attribute se utiliza para agregar propiedades de flexbox a las acciones de diálogo en el archivo SCSS de tematización del componente de diálogo:

(Extracto de dialog.scss)

.mat-dialog-actions 
  // ...
  &[align='end'] 
    justify-content: flex-end;
  

  &[align='center'] 
    justify-content: center;
  

Aquí está el código fuente.

Desde el align attribute no es compatible con HTML5, debe usar este CSS en su lugar:

.mat-dialog-actions 
    justify-content: flex-end;

Esto es lo que hace internamente Angular Material cuando pones align="end"puede inspeccionar el elemento para comprobarlo.

Más adelante puedes encontrar las crónicas de otros usuarios, tú además puedes mostrar el tuyo si te gusta.

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 5)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *