Stack Overflow
Stack Overflow

Questions tagged [material-components-web]

Modular and customizable Material Design UI components (for the web).

https://material.io/components/web/

121 questions
0
votes
2 answers

Material Design ripple only appearing on first HTML element

I'm trying to implement Material Design FABs on the web with the ripple effect. I have the following dummy HTML:
dem
  • 125
  • 1
  • 2
  • 12
0
votes
2 answers

material-components-web for vue js

I have a website based on Vue framework and webpack. I came across this css framework developed by Google (Material Components Web) where you can directly get started using a cdn or an npm package. It worked extremely well for a simple…
Deepak Terse
  • 652
  • 8
  • 30
0
votes
1 answer

Persistent drawers in Material Components

I am trying to use drawers in a JavaScript page but from the documentation I cannot understand how the HTML components are interacting together with the Js. Ideally I would like to add modal drawers to my HTML page by only including the DOM and the…
bruce lui
  • 3
  • 1
0
votes
1 answer

Getting error when trying to set up mdc-table in my angular app

I'm trying to add an mdc-table component to my angular app by following the documentation from here: https://material.io/develop/web/components/data-tables/ If i understand correctly i have to add the following two statements to my .scss component…
Fernando Gabrieli
  • 980
  • 3
  • 15
  • 31
0
votes
1 answer

Material Design - disable checkbox if

I've got a table of items with checkbox and would like to disable them when user check 15 items. My code is:
rafal
  • 1
  • 3
0
votes
1 answer

MDC - Text Input can't be initialized

I'm setting up a text input with MDC but when I'm initializing with JS it comes out this error: This is my code: // MDC const mdc = window.mdc; // Auto init mdc.autoInit(); $('.mdc-text-fields').each((index, element) => { const…
maicol07
  • 199
  • 1
  • 6
  • 16
0
votes
1 answer

What to download to use MDC Web offline in a PWA?

I want to use MDC Web (https://material-components.github.io/material-components-web-catalog/#/) in a PWA offline. What am I supposed to download? Where is the official documentation for that?
Leo
  • 4,136
  • 6
  • 48
  • 72
0
votes
2 answers

Removing the ripple effect from mdc checkbox

I am trying to remove this ripple effect from angular material checkbox, since I have a long list, and I want list rows to be as close as possible, ripples overlap with other checkboxes. Current code is: render() { return (
800c25d6-cd74-11ed-afa1-0242ac
  • 399
  • 1
  • 4
  • 13
0
votes
2 answers

Opening MDCMenu from Button

I want to open a MDCMenu with a button from the MDCTopAppBar. The documentation lacks sample code how to do this. So I'm trying to do this via EventListener. Please let me know if there are smoother ways to do so. The EvenListener complains MDCMenu…
MPW
  • 161
  • 1
  • 3
  • 16
0
votes
0 answers

Notifications badge not taking up left position when changing direction to RTL

I have an issue in my code where RTL works everywhere except for notifications badges that always stays in the right top only https://jsfiddle.net/t54xsrvq/ It works fine in the demo in https://material-ui.com/components/badges/#api
Kimaya
  • 1,210
  • 4
  • 14
  • 33
0
votes
0 answers

Unable to build material components for web data table

I'm using material components for my web application. I'm new to node and npm and just wanted to use this framework for CSS/Themes in my web application. I followed this tutorial and was doing okay until I added the data table component. Below is…
ads
  • 1,703
  • 2
  • 18
  • 35
0
votes
2 answers

How to configure laravel-mix to be able to use @material with vue.js

I need some help with configuring material-web-components to work with vue.js components. The error occurs when I want to import a @material component scss into my vue component. SomeVueComponent.js: