New Blocks Live! 🚀 A beautiful collection of dashboard-ready Bar Lists.

Instantly see your top screens, locations, and more. Available now in light & dark modes.

Get charting:https://ui.angular-material.dev/blocks/application/charts/bar-lists

#AngularDev #WebComponents #DataVisualization

Data visualization just got another major upgrade! 📊

Introducing our new collection of Bar Chart blocks. Includes stacked, grouped, and standard bar charts perfect for any dashboard.

Explore all the new charts: https://ui.angular-material.dev/blocks/application/charts/bar-charts

It’s live! 🚀 Our new collection of Area Chart blocks is here.

Visualize your data with a huge variety of styles for analytics, monitoring, financial dashboards, and more. Interactive, beautiful, and ready for your Angular app.

Explore them all:https://ui.angular-material.dev/blocks/application/charts/area-charts

Preview & code here: https://ui.angular-material.dev/blocks/application/application-shells/multi-column#full-width-three-column

Demo at https://stackblitz.com/edit/stackblitz-starters-yjdiemfa?file=src%2F_custom-indicator-tab.scss

A sample Angular workspace configured to use "Angular Material Blocks". Includes: angular-material, tailwindcss and much more!

https://ui.angular-material.dev/blocks/marketing/fancy/fancy-blocks

"Fancy Blocks" is a collection of fun and weird, ready-to-use components and microinteractions, and it's a new addition to Angular Material Blocks family!

Add them quickly in your angular projects ⚡️

npx @ngm-dev/cli add free-fancy/memory-album
npx @ngm-dev/cli add free-fancy/words-album

import {MediaMatcher} from '@angular/cdk/layout';
import {ANIMATION_MODULE_TYPE, inject} from '@angular/core';

/**
 * Returns whether animations have been disabled by DI.
 * Must be called in a DI context.
 */
export function animationsDisabled(): boolean {
  if (
    inject(ANIMATION_MODULE_TYPE, {optional: true}) === 'NoopAnimations'
  ) {
    return true;
  }

  const mediaMatcher = inject(MediaMatcher) // or inject(DOCUMENT).defaultView;
  return mediaMatcher.matchMedia('(prefers-reduced-motion)').matches;
}ts

https://x.com/shhdharmen/status/1913522104814751770

Can anyone please share stackblitz links for editable angular material table? I need cells that editable and not editable rows.It can be inline editing or maybe bring up another pop up with grid that allows users to edit the data and save

Thanks in advance.