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
2
votes
2 answers

MDC Components won't update UI when new values are added/ reset

I'm trying to reinitialize/ redraw all MDC components for form elements when their values change via javascript, but so far my attempts have fallen short. Is there an easy way to achieve this with a built in MDC method that I'm unaware of? I created…
Oneezy
  • 4,881
  • 7
  • 44
  • 73
2
votes
1 answer

MDCChipField Swift - scrollable direction

I am trying to use MDCChipField, the material design component for Swift. I am implementing the 'input chip' type and am able to add the entered text as a chip with let mdcSearchField = MDCSearchField() mdcSearchField.addChip(chipView) When the…
anoo_radha
  • 812
  • 1
  • 15
  • 34
2
votes
1 answer

Reusing a blaze template, how do I access other template's helper functions?

I'm trying to set up an MDC dialog warning. Instead of copy-pasting it into every view that requires it, I'm wrapping the dialog in its own template. The template seems to work, the dialog opens up and functions as normal, however, I can't set a…
Carlos Hernandez
  • 73
  • 10
2
votes
1 answer

Material Components menu's `setAbsolutePosition()` not working properly?

I'm trying to use the menu.setAbsolutePosition(0, 100); method found in the MDCMenu's docs, to position the "mdc-menu" relative (bellow) to an overflow button on my Top Bar, but it seems like it's not doing much (actually makes the element stuck…
Edmond Tamas
  • 3,148
  • 9
  • 44
  • 89
2
votes
2 answers

Material Design Components select menu not rendering correctly for web

I'm trying to add a basic MDC select menu to my website. But it's not quite right—the right of the box shows the MDC arrow along with the normal HTML one, and the words are placed too close to the menu label (seen here). HTML part—
Paulo Costa
  • 965
  • 2
  • 10
  • 15
2
votes
1 answer

Using Firebase, Material Design Components (MDC), and Node.js

Overview I'm working on a website (multi-page) for a friend and I've decided to use Google's Material Design Components (MDC) for the Web as the base of its styling. I would like for it to be hosted on Firebase, using Functions and Hosting. I have…
Jacob Brokaw
  • 31
  • 7
1
vote
1 answer

How to write the following continuous transition of bottom appbar into bottom-navigation-drawer?

I have no knowledge about compose animations and transitions. I like to make the following continuous transition of bottom Appar into bottom navigation drawer in java. Expected behavior: The following transition that is a little different of what I…
user21193451
  • 57
  • 8
1
vote
1 answer

How to combine scrollable Angular Material table with paginator

In our project we want to use the Angular Material table with the paginator component. Everything works fine if we stick to the layouts which are used in the examples. The example closest to our desired layout is this one:…
Christian Meier
  • 105
  • 1
  • 1
  • 5
1
vote
0 answers

MDC Web DataTable Components - Pagination, Sorting and Progress Indicator

I am new to Javascript. I am trying to use MDC Web in my project. I was able to successfully add components such as topappbar, menu, sidenav etc. But DataTable was a complete mess for me. The explanations on the DataTable GitHub page are not helpful…
David Türkiye
  • 81
  • 7
1
vote
0 answers

Is it possible to have an Android app both follow Material 3 and MDC?

I am developing and Android app for my Android 12 device. Naturaly, I want the UI to match the new Material 3 design. However, how are older devices handled? How can I make my app look native on Android 11 as well? Currently I have MDC version 1.5.0…
mainrs
  • 43
  • 3
1
vote
1 answer

MDC Web Textfield component outline disappearing

I am having an issue with MDC web textfield component. The issue is that the outline does not stay when I click on the textfield to type in an input. See below for the pug and javascript code…
Abby Ammo
  • 21
  • 2
1
vote
0 answers

SwiftUI - Material Components , TextFields

I want to use mdc components in my SwiftUI app. I created a class with protocol UIViewRepresentable, but I would like to modify the height to some constant or maybe remove inner padding. func makeUIView(context: Context) -> MDCOutlinedTextField { …
Bumaza
  • 103
  • 1
  • 5
1
vote
0 answers

How to have pre-selected option while construction of dropdown in mdc

i wanted to select a particular option while construction of dropdown. Question: i want to select grapes while construction of dropdown. not after construction. Note: i want to construct it at once(while appending). don't want to select after…
Learner
  • 61
  • 2
  • 21
1
vote
0 answers

Android state based shape overlay (modern approach)

I'm looking for a way to customize a specific component android component in a modern Android App. The behavioral "logic" for the components is pretty much a toggle button ( https://material.io/components/buttons#toggle-button via…
Shai Levy
  • 715
  • 9
  • 25
1
vote
1 answer

MDC data-table in lit-element

I'm trying to make own component using lit-element and I want to use mdc-datable styles in it. I've made import from '@material/data-table' and copied example code from here https://material.io/components/data-tables/web#data-tables but there're no…
Amphoter
  • 11
  • 1
1 2 3
…
10 11