Questions tagged [material-components]

Modular and customizable Material Design UI components. For platform-specific questions, add [ios], [web], or [android].

Material Components help developers implement the Material Design guidelines across Android, iOS, and the web. Developed by a core team of Google engineers and UX designers, these components support the reliable development of beautiful and functional apps.

Material Components for the web is the successor to Material Design Lite, and has 3 high-level goals:

  • Production-ready components consumable in an a-la-carte fashion
  • Best-in-class performance and adherence to the Material Design guidelines
  • Seamless integration with other JS frameworks and libraries

Resources :

567 questions
0
votes
1 answer

How to set text color for MaterialButton from code?

I am using MaterialButton with outline style and can't set text color from code. Is there setTextColor method? I can change it via android:textColor from XML, but not from code. Using com.google.android.material:material:1.0.0-rc01
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:
0
votes
0 answers

How to prevent Material Design Web Drawer from closing by swipe?

I have Material design drawer, how can I remove events like touchmove, touchstart and touchend which close my drawer if I swipe to left?
0
votes
0 answers

How can I code Material Design Shrine Motion?

I want to do something like this video in material design. When I did my search, I found something like this code. But I didn't found animation of add to cart. How can I do this in Swift? Thanks for help. Related site:…
etnclp
  • 572
  • 1
  • 5
  • 15
0
votes
1 answer

Material component Bottom App Bar change back icon color and slide up programatically

I am implementing the Bottom App Bar (https://material.io/develop/android/components/bottom-app-bar/) and I am facing two challenges. When using the Navigation component and navigate to a new fragment, the drawer icon turns int <- back button but…
Alin
  • 14,809
  • 40
  • 129
  • 218
0
votes
1 answer

MDCSnackbarManager buttonFont not working

I am currently using Material IO Components to create a snackbar needed for the app I'm working on, and it's got everything I need except for one little thing: I need to be able to change the font of the action button, but using the attributes…
milestrong
  • 237
  • 1
  • 3
  • 10
0
votes
2 answers

Previous tab selection remains active after selecting another tab

I have a TabLayout that I would like to customize as follows: If a tab item is not selected only an icon is shown If a tab item is selected an icon and text should be shown I have implemented a OnTabSelectedListener and set the text to null when…
vincent nyanga
  • 386
  • 1
  • 2
  • 6
0
votes
1 answer

Is that possible to override MDCTextInputControllerFilled's borderView's frame?

I have a design which is as like as possible with MDCTextField(with controller MDCTextInputControllerFilled). I inspected the components and I think me should override controller's but why? If I'm on wrong way, can you help me to handle this…
Utku
  • 145
  • 1
  • 13
0
votes
1 answer

MDCTabBar with MDCNavigationBar pushes NavigationBar up

I am trying to use the Xamarin port of Material Design Components in order to add a tabBar directly under the AppBar component however when I add the TabBar as the BottomBar view it pushes the NavigationBar up and I am not sure what I am doing…
KingLagalot
  • 3,224
  • 2
  • 10
  • 11
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?
0
votes
0 answers

iOS Material Component flexible header, button not clickable

I am building an app where i need to have flexible header above collection view. I have implemented Material Component Flexible header and added a header view from xib Here is my code let heroHeaderView =…
0
votes
1 answer

mdc-fab background mdc-theme-secondary

Have the following in my Head tag