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

How Do I get round corners for Material Design MDCTextField

I'm using Material Design Component i.e. MDCTextField but facing some issues while making its corners more rounded like a capsule. I tried to set the border radius but it doesn't work for me. Connection outlet: @IBOutlet weak var userNameTextField:…
Satish Thakur
  • 184
  • 1
  • 14
1
vote
1 answer

Sass Error: can't find stylesheet to import when @use-ing MDC Web's button using Gulp

I have these two lines of code in my main.scss as required by the MDC Web's docs. @use "@material/button"; @include button.core-styles; Then, I have this Gulp task to convert my main.scss file to a single build.css file. My main.scss file compiles…
Richard
  • 7,037
  • 2
  • 23
  • 76
1
vote
1 answer

MDC button ripple does not draw at all

So I am using MDC (Material design components) without node.js, meaning I have to import it like this:
user11958848
1
vote
0 answers

angular mdc-select does not apply the full width

I am trying to create a responsive form with some fields using Angular MDC, the problem is that the select field has a fixed size, unlike text fields that work responsively. The html code is as follows
Edilásio Carlos
  • 11
  • 4
1
vote
2 answers

Why do I need to subscribe to my Observable?

I am working on an Angular 8 project using @angular/mdc-web as a wrapper for Material Design. Today I had to fix a bug revolving around an error dialog. The dialog presents an error message and can be closed by clicking an OK button. Pretty straight…
Serg Derbst
  • 444
  • 6
  • 18
1
vote
1 answer

iOS Swift 5 Material Components button text shrink after button tap

I have a material button. When I tap on it, the text label in the button shrinks and stays small, never reverting to the original size after it is released. The cocoa pods I am using is pod 'MaterialComponents/Buttons', '~> 92.4.0' Before Tap After…
T.Moore
  • 141
  • 1
  • 1
  • 7
1
vote
0 answers

MdC Ripple keeps the class added --backgrouund focus

I am trying to create a Button with MDC ripple effect, but somehow it is adding the class mdc-ripple-upgraded--background-focused and not removing it And hence the button is highlighting as grey even after the click is released. I used this starting…
Sumit Sagar
  • 342
  • 1
  • 6
  • 17
1
vote
0 answers

MDC-react Tab content

I am using the MDC react- tab Javascript …
San Jaisy
  • 15,327
  • 34
  • 171
  • 290
1
vote
1 answer

Cant import CSS from MDCTextField to style MDCTextField child elements in LitElement based WebComponent

How do you import CSS into a ES6 module? I receive the following error in browser console; Failed to load module script: The server responded with a non-JavaScript MIME type of "text/css". Strict MIME type checking is enforced for module…
Cy Walker
  • 13
  • 3
1
vote
1 answer

Change default TextInputLayout style?

I am using Material Design Components and want to change the default style of a TextInputLayout, meaning my changes shall apply to all instances of the TextInputLayout without me having to explicitely define a style="@style/my_style" on each of…
stefan.at.kotlin
  • 15,347
  • 38
  • 147
  • 270
1
vote
1 answer

For the Menu Component of Material Design Web Components, how do I capture the "MDCMenu:selected" event in JavaScript?

I am using the Material Design Web Components component called "Menu." After launching the menu, I need to be able to accessibly handle all the ways a "menu item" could be "selected." Adding an on-click via my framework's templating language (vue)…
Caleb Jay
  • 2,159
  • 3
  • 32
  • 66
1
vote
1 answer

How to place progress bar at the top of cardview?

I am placing the progressBar in the cardView at the top with the following code:
Anuj Kumar
  • 1,092
  • 1
  • 12
  • 26
1
vote
0 answers

Implementing Hover State on MDC Slider in Swift

I'm working with MDCSlider and I'm trying to apply hover state when the user selects the thumb, such as the picture below. Is there any chance that I can achieve this in Swift?
Thanasis
  • 301
  • 1
  • 2
  • 6
1
vote
0 answers

MDCBottomDrawerViewController symbol not found

I'm working on an iOS app and use a navigation drawer from material-io. I use the example code, but I get error message when I run it. - (void) viewDidAppear:(BOOL)animated { MDCBottomDrawerViewController *bottomDrawerViewController =…
taian.chen
  • 163
  • 1
  • 1
  • 5
1
vote
1 answer

How to customise Material Design TextField Component error state iOS

Trying to customize the error state floating label colour and the inline error message font/colour but cannot find any option or in the docs. MD Docs: https://material.io/develop/ios/components/textfields/
Tal Zion
  • 6,308
  • 3
  • 50
  • 73
1 2 3
…
10 11