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

Angular Material 7: Secondary color not applied to Chips

Is it possible to apply secondary color to Angular Material Chips? My own example on stackblitz will only display primary and accent colors, not secondary. Material example doesn't use secondary Angular Material Chips Overview
Alex Cooper
  • 475
  • 3
  • 7
  • 18
0
votes
0 answers

Material Design Component scrolling tab not scrolling

I am using mdc-tab-scroller in my vue.js application. I want to have the scroll behaviour as in here under the section of "scrolling tabs". Have tried different approaches but don't know how to get it working. This is my very first experience with…
Learning Curve
  • 1,449
  • 7
  • 30
  • 60
0
votes
1 answer

Material Component Web - Tabs with icons above labels and indicators restricted to content

As of version 0.38.0 mdc-tabs is deprecated. Now the tabs with icons above labels and indicators restricted to content. How can I adjust the width of the indicator underline to the selected tab when i use tabs with icons above labels. Thanks.
toprawa
  • 43
  • 4
0
votes
1 answer

MDC Textfield Boxes Not Rendering Properly

I have created a simple MDC Card with some MDC Textfield buttons on it. However the textfield boxes are not rendering properly. As you can see from the image below, there are gaps in the top right and left corners. Below is my code:
user3248346
0
votes
2 answers

Material Components input text field being cut off

Just running barebones "material-components-web" and I can't get the input field to look like it's supposed to. JS interaction is working great. Theme looks good. But my field is getting cut off index.html:
brunam
  • 825
  • 2
  • 14
  • 26
0
votes
1 answer

How can I add header image to drawer in Google Material Components web?

I'm building a website with Google Material Components for web. I added a drawer to my website and I want to add a header image but I don't know how to do it. Here's the drawer section in Material Design's…
DvDv
  • 1
  • 3
0
votes
0 answers

Phonegap/Cordova Material Design MDC

I tried this example, MDC for Web, but did't work for some reason. https://material.io/develop/web/docs/getting_started I'm looking for tutorials for beginners on Material io (MDC) with phonegap/cordova. Thanks
user3449660
  • 1
  • 3
0
votes
1 answer

How to use MDCRipple.attachTo on multiple buttons in React Component

I have a simple React component that renders multiple buttons from an array in my props. I'm applying the ripple on DidMount, however, it's only attaching on the first button, the rest are being ignored. It looks like the attachTo only takes the…
Steven Creaney
  • 45
  • 7
0
votes
2 answers

Webpack Material components

When trying to import material components in my main scss file, i get the following error from webpack Time: 426ms Asset Size Chunks Chunk Names ./public/dist/style-bundle.js 2.77 kB 0 …
Aditya Raj
  • 327
  • 3
  • 14
0
votes
1 answer

Material Components Web - Select component not behaving correctly

I am trying to add an mdc-select element to my page, but no matter what I try to do the options are always visible. I even see this issue when looking at other peoples' codepens that include the select component. For example, this one:…
Rob Bauman
  • 65
  • 8
0
votes
2 answers

MDC-Web: mdc-text-field--outlined with pre-filled value

I am pre-filling a few text fields and the border is not visible. I am using, for example, the following JavaScript to pre-fill the field(s) but the outline is not rendered until I click / unclick the field. I tried var doc =…
Ronnie Royston
  • 16,778
  • 6
  • 77
  • 91
0
votes
1 answer

How do I build a drawer in Material Components Web?

I am just getting into Material Components for the Web and I want to have a website sort of like this, although I tried the code from the docs (that is obviously not complete) and got this. How can I get something like the example?
Nathaniel Fredericks
  • 197
  • 1
  • 1
  • 10
0
votes
1 answer

add material-components-web.css via webpack

I added the mterial-components-web.css to the header of my index.html file. the css components work great. Now I…
bluelemonade
  • 1,115
  • 1
  • 14
  • 26
0
votes
1 answer

Material Components Web - Persistent and Perminent Drawer are Not Displayed as Expected

I am following the Material Components Web docs. As a template of the page I am using the very basic template as detailed in the quick start - My undertsnading is that this template is a "including all" template: it…
Rod
  • 2,180
  • 2
  • 20
  • 23
-1
votes
1 answer

React Button - Material Components for Web - Secondary Styling with SASS

I'm creating a React Button component using Material Components Web. I've gotten the default button working which uses the Primary theme colour. I'd like to add an option for a secondary coloured button, but I'm not sure how to do this with the…
Mark
  • 251
  • 2
  • 6
1 2 3
…
8
9