Stack Overflow
Stack Overflow

Questions tagged [mdc-components]

Questions about Material Design Components (MDC) by Google, including MDC-Web, MDC-Android, MDC-IOS, and MDC-Flutter.

Material Components provide a reliable development environment for apps and websites across Android, iOS, and the web. Components are updated as the Material Design system evolves, ensuring consistent pixel-perfect implementation and adherence to Google’s front-end development standards, such as internationalization and accessibility support.

162 questions
24
votes
2 answers

AndroidX Build Fails in Release Mode regarding appComponentFactory

I'm using Android P and compiling against AndroidX. Works great in debug/beta, but when I make a release I get a cryptic crash during runtime: 2018-06-24 00:21:26.080 11971-11971/? E/LoadedApk: Unable to instantiate appComponentFactory …
user2836797
10
votes
1 answer

MDCSnackbarFoundation Class usage

How do I use MDCSnackbarFoundation ? with MDCSnackbar This documentation is not clear enough to get an idea. https://github.com/material-components/material-components-web/tree/master/packages/mdc-snackbar#using-the-foundation-class This is my code…
Dhanan
  • 207
  • 4
  • 12
9
votes
4 answers

Why is @use in my scss files not working in my Angular 9.1.0 project?

I am in the process of updating my Angular 8.2.14 project to Angular 9.1.0. I have been successful so far with using ng update to migrate all files to the most up-to-date release version of Angular. However, for this update to succeed I also have to…
Rik
  • 342
  • 2
  • 6
  • 18
9
votes
2 answers

Creating a material spinner dropdown in android using MDC

I was looking into Material design Material.io for material components, everything was well and good, I was trying to use MDC's TextField component to create a material drop down spinner, but I could not seem to find any related documentation, is it…
user3414321
  • 421
  • 1
  • 4
  • 11
9
votes
1 answer

What is the difference between Material Design Components & Polymer's Web Components?

Material.io From the https://material.io/ website (the official Google spec?), I end up here when I follow the path to access "Material Design UI" web components: https://github.com/material-components/material-components-web/ Polymer Project From…
etipaced
  • 125
  • 1
  • 11
8
votes
0 answers

Apply XML theme to Composable with Mdc3Theme

I am trying to migrate an app from XML layouts to jetpack compose. As the app allows setting different user themes, I wanted to use the XML themes until all files are migrated. However, I just can't get it to work. Basically I am doing as described…
Patrick Lang
  • 501
  • 6
  • 9
8
votes
2 answers

How to use material design text fields in SwiftUI

I want to use the Material Design text field component in SwiftUI. There is a Material Design Text Field Component written for UIKit but not one for SwiftUI. Is it possible to use this Material Design Text Field Component in SwiftUI?
David
  • 91
  • 5
8
votes
0 answers

MDC Button MaterialShapeDrawable strange shadows and no ripple

Similar to the attachment in this issue, my button's corner shadows look pretty dodgy. But with a custom edge and rounded corner treatment, the button seems to lose elevation and there is no ripple / click effect. Any idea on what I have done…
Daniel Wilson
  • 18,838
  • 12
  • 85
  • 135
7
votes
1 answer

Why MDCSelect:change is not working with javascript for material design

Why MDCSelect:change is not working when i call it before appending all options MDCSelect:change is working when i put it after appending list BUT UI does not look good. Question: How to make MDCSelect:change to working without harming ui look. It…
Learner
  • 61
  • 2
  • 21
7
votes
2 answers

Material design for the web. How to set the position for a mdc.menu?

Material design for the web. How to set the position for a mdc.menu? I will move the mdc-menu from the left, top corner to the right corner. 70px from top and 25px from the right. Please take a look at my sreenshot. How can I change the element…
Aaron
  • 769
  • 1
  • 14
  • 25
7
votes
4 answers

The "Material Design Components" aren't being rendered in the layout previewer

In all of my android apps, I implemented the Material Design Components (MDC) dependency for AndroidX and everything was working fine until I updated Android Studio to the 3.4 stable version. The app compiles and runs perfectly in both emulators and…
Christian Gil
  • 81
  • 1
  • 6
7
votes
1 answer

actual use of foundation and adapter class of mdc-components

I am trying mdc-components with angular4 project created using angular-cli. So I installed moduled using npm command npm install material-components-web this installed "material-components-web": "^0.22.0" Then created a component that contains…
Sunil Garg
  • 14,608
  • 25
  • 132
  • 189
5
votes
1 answer

How to use MDC components within lit element?

I am trying to use a mdc-component (say mdc-textfield) within a lit element. Looks like I have to import both css and js files into the element. I'm quite unsure of how to import css into the lit-element. BTW I use polymer serve without any…
ryanafrish7
  • 3,222
  • 5
  • 20
  • 35
5
votes
1 answer

Add Icon to an MDC Card

I need to add an icon before the title of an MDC card as shown in the diagram (label 2). However, I do not know the correct HTML for this according to the MDC design. This is HTML code I have so far for the card:
user3248346
5
votes
1 answer

yarn add not working

I can't install a forked git repository. I want to install version #0.31.0. yarn add https://github.com/Goldjan/material-components-web.git#v0.31.0 I get the following error: C:\Users\qjan8\Websites\XXXXXX>yarn add…
QJan84
  • 786
  • 3
  • 9
  • 22
1
2 3
…
10 11