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.

148 questions
23
votes
1 answer

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 …
It's Your App LLC
  • 4,397
  • 4
  • 34
  • 81
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…
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…
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
  • 16,545
  • 10
  • 76
  • 108
8
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
  • 411
  • 1
  • 4
  • 11
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
  • 81
  • 1
  • 11
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
  • 617
  • 1
  • 9
  • 21
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
  • 10,122
  • 12
  • 92
  • 133
6
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
  • 63
  • 5
5
votes
3 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
  • 303
  • 2
  • 4
  • 17
5
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…
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:
4
votes
3 answers

How to set background color on autocomplete exposed dropdown menu?

Currently working on setting up an Exposed Dropdown menu item using the material design components and guidelines for menus. However when displaying my autocomplete text view it does not have the same background as my other text fields. I have…
4
votes
1 answer

Angular-mdc returning "No mixin named mdc-top-app-bar-fill-color"

So, I'm using angularCLI and angular-MDC, I want to use the second color of my styles.scss. There is on site https://trimox.github.io/angular-mdc-web/#/angular-mdc-web/top-app-bar-demo/sass this syntax mdc-top-app-bar-fill-color($color) I used and…
4
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
  • 2,335
  • 3
  • 17
  • 34
1
2 3
9 10