I have a Search MatInput field with a Search icon button on the right. If the user clicks the search is performed and I want the ripple effect to be shown. How can I get the ripple from the MatButton?...

I'm using Angular Material's <mat-sidenav> in my Angular application, and I need to dynamically apply a collapsed class when the sidebar is minimized. Problem: Even though there is only one <...

I'm working on the idea of 2 dimensional drag and drop. https://stackblitz.com/edit/stackblitz-starters-ulwfebcp?file=src%2Fapp%2Fapp.component.html Currently, I'm trying out stacked droplists (one ...

I am using an Angular Material mat-slider with a range selection (start and end thumbs). I want to format the labels so that: The start thumb displays: "Min: (value)" The end thumb displays: ...

I tried to create custom control which contains the <mat-select> control. It is not working when I tied to use it in the Form control. I have taken the reference from the official Material ...

When applying custom density (via a custom CSS class) using Angular Material Theme API directly to Angular Material button (e.g., mat-flat-button, mat-stroked-button), the height is adjusted as ...

I've recently upgraded a project to Angular 16 from Angular 15. So far the logics are working fine however there are some issues faced with the mat-form-field where the label is not floating. The same ...

I'm using Angular Material for my application and have the following button setup: <mat-toolbar> <span> <a routerLink="/">My Messages</a> </span> <...

I've followed the Angular and Material documentation on migration from previous versions to the new, and I've run into an issue that doesn't make sense to me. Take a look at the official documentation:...

I am trying to update my application from v16 - v17 then v18. In both case 17 and 18 I find that material theme css is not working. Components such as sidepanel, button, dropdowns etc doesn't have ...

I have some buttons which should be larger then the normal size. I found some code for previous versions: $my-custom-input: mat.define-typography-level( $font-family: 'Roboto', $font-weight: ...

I use angular material 18. In our app we use buttons with a log of different colors. How can I use colors which are not defined in our palettes? Let's say we have a green button for approving a ...

I wanted to remove the toggling affect from <mat-chip-option>. When I click on "Accent fish" chip (video here) it should get selected as shown in the video but when I click it again it ...

I've been tasked to migrate a project that's using Angular v9 to Angular v17 and everything's been smooth so far without having to change much, but I've encountered a really weird bug and I can't find ...

is there a way to move slider from 100 to 1 instead of moving it from 1 to 100 currently im seeing we only have a min property and max property, so the slider values move in ascending order https://...