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
3
votes
1 answer

Parcel importing material-components-web scss files installed to node_modules not working

I have installed material-selected as instructed here, by running the command: npm install @material/select I have included the html for select and set the width of it. And in my sass file I have imported material styling like suggested in the…
Leff
  • 1,968
  • 24
  • 97
  • 201
3
votes
1 answer

How to compile Material.io design with gulp-sass without using Webpack?

I'm using this tutorial at Material.io and want to use Material.io with gulp-sass. But when I try to compile it, it shows the error @material\button\mdc-button.scss Error: Invalid CSS after "@include mixins": expected 1 selector or at-rule, was…
user3555898
  • 83
  • 4
3
votes
1 answer

Material design web MDCTab:interacted event not emitting after activateTab

I'm using this https://material.io/develop/web/components/tabs/tab-bar/ To make a tab bar
omega
  • 40,311
  • 81
  • 251
  • 474
3
votes
2 answers

Material Component Web - MDCTab - How to set active tab in javascript

I have got two tabs (TAB1 and TAB2). Active tab is TAB1 (mdc-tab--active). I want to set active tab to TAB2 using javascript. Thanks. My code:
toprawa
  • 43
  • 4
3
votes
1 answer

Setting up webpack 4.0 to use Google material design SASS with ExtractTextPlugin

I'm struggling to get Webpack 4.0 to compile my SASS which I want to use Google material design SASS files with. I think it is an issue with not being able to access the SASS files in the node_modules folder. var ExtractTextPlugin =…
usermomo
  • 67
  • 1
  • 10
2
votes
2 answers

Lit2.0 how to submit form data to backend

Am using Lit2.0, Material Web components, Django (backend). one reference: https://www.thinktecture.com/en/web-components/flaws/ I don't understand how to submit form data from Lit component to backend (Django) form.html contains Lit component…
Yogi
  • 21
  • 1
  • 1
2
votes
1 answer

How to import styles into React for Material Components for Web

I'm creating my own React components for Google's Material Components for Web. I'm trying to get the styling to work. According to the docs, you need to add the following to your sass file: @use "@material/button"; // @include…
Mark
  • 251
  • 2
  • 6
2
votes
2 answers

How do I use MDCSlider in JavaScript?

I have created an DOM element for an MDC slider (https://material.io/develop/web/components/sliders). It looks nice (except for the colors). And it works, but I really have no idea how to initialize it. I import MDC from the CDN. I can't understand…
Leo
  • 4,136
  • 6
  • 48
  • 72
2
votes
0 answers

Material Components Web textbox validation message does not work

I am trying to integrate material-components-web. The very first use-case of text-box with validation message did not work. The text-box works but the validation message does not. How to get the validation message working?