Angular Material Components

mat-autocomplete with keyboard navigation and filtering

matBadge for notification counts and status indicators

mat-bottom-sheet for mobile-friendly action sheets

mat-button-toggle-group for single and multi selection toggles

mat-button, mat-raised-button, mat-stroked-button, mat-flat-button, mat-fab, mat-mini-fab, mat-icon-button

mat-card with header, image, content, actions, and footer sections

mat-chip-set, mat-chip with and without icons, disabled state

mat-datepicker with single date and range selection

MatDialog service for modal dialogs with components and templates

mat-divider for horizontal and vertical visual separation

mat-expansion-panel in accordion and multi-panel layouts

mat-form-field with outline and fill appearances, matInput, mat-icon prefix/suffix

mat-grid-list with tile layouts (deprecated - CSS Grid recommended)

mat-icon with Material Icons font, colors, and sizes

mat-list with single and multi-line items, icons, and avatars

mat-menu with text items, icons, and keyboard navigation

mat-paginator with configurable page sizes and first/last navigation buttons

mat-progress-bar (determinate + indeterminate), mat-spinner (various sizes)

matRipple directive for Material Design click feedback on any element

mat-checkbox, mat-radio-button, mat-slide-toggle with various states

mat-select (single + multi), mat-option, mat-slider with thumb

mat-drawer-container with side navigation panel

MatSnackBar service with action buttons and duration control

mat-sort-header for column-based table sorting

mat-stepper with linear and non-linear horizontal/vertical wizard workflows

mat-table with static, sortable, and paginated data views

mat-tab-group with mat-tab, including disabled tab state

input type="time" with matInput and mat-form-field integration

mat-toolbar with single and multi-row app bar layouts

matTooltip with positions, show/hide delay configuration

mat-tree with flat data source and checkbox selection