Questions tagged [material-design]

Material design is Google's guide for visual, motion, and interaction design across platforms and devices, introduced with Android 5.0 Lollipop.

Material Design is a visual language that synthesizes the classic principles of good design with the innovation of technology and science. - Introduction - Material Design

Android 5.0 Lollipop includes support for material design apps. Polymer and Angular Material projects also provide official implementations.

Specification:

  1. Material design specifications
  2. Material Design: https://www.youtube.com/watch?v=Q8TXgCzxEnw
  3. Google I/O 2014 - Material design: Structure and components
  4. Google I/O 2014 - Material design: Visual style and imagery

Implementation:

  1. Android docs
  2. AngularJS Material
  3. Angular Material
  4. Polymer Project
  5. Material Design Lite (now deprecated)
  6. Material Components
8542 questions
4
votes
1 answer

BottomNavigationView shows label over icon

I am creating an app that contains BottomNavigationView, but after updating the library com.google.android.material:material:1.5.0 my app shows labels over icons. The layout for…
Honza Rössler
  • 332
  • 3
  • 11
4
votes
1 answer

Cannot select Options from Material UI's Autocomplete Component

I cannot select the options being displayed from MUI's autocomplete component. The reason I think is that I am using renderOption. I want to display the image along the title in the options of my component and without using renderOption, I have not…
Abdullah Ch
  • 1,678
  • 1
  • 13
  • 31
4
votes
1 answer

How to Generate Material 3 Color Palettes in JS/SCSS?

Background: I'm trying to generate a color palette in SASS/JS based on Google's Material Theme Builder 3 which requires tonal palette's to be generated based on relative luminance and not lightness/brightness function. Problem: I can get the…
Arslan Akram
  • 1,266
  • 2
  • 10
  • 20
4
votes
1 answer

Flutter Material icons: some icons dont exist in the flutter's Icons class

I realize that this is a duplicate of this question, but that question does not seem to have any activity so I'm trying to get more attention to this issue. I am trying to use the percent icon from Material icons, although in the fonts.google.com…
Adnan
  • 906
  • 13
  • 30
4
votes
6 answers

Android Material Text Input Layout End Icon Not Visible but working

I recently found a bug with Material Design TexInputLayout and the way it makes the endIcon visible. Consider you have setup everything right and have end icon enabled like: inputLayout.endIconMode == END_ICON_CLEAR_TEXT The problem is that if you…
Amir
  • 1,290
  • 1
  • 13
  • 20
4
votes
0 answers

How do you set MaterialButton icon size to fit the constraints?

I have a MaterialButton constrained on every side and want to fit a vector icon to those constraints so that it expands or contracts based on the button constraints. These are the basic attributes:
AaronC
  • 155
  • 2
  • 9
4
votes
3 answers

Changing color of Drawer in MUI v5

I'm using MUI v5 in my project and trying to apply styling to a Drawer so that the background color is black. Since this update was pretty recent I can't find much info on changing the styling of the component without using deprecated elements from…
jdeocampo18
  • 83
  • 1
  • 7
4
votes
1 answer

Google Material You: How can we use the same Color Accent than system+Google Apps?

I have read the "documentation" to find the reference to accent color: https://developer.android.com/reference/android/R.color#system_accent1_0 But after implementing it in my application, I am not happy with the results and really like the Google…
Waza_Be
  • 39,407
  • 49
  • 186
  • 260
4
votes
1 answer

How can I add an icon to Material-UI Select?

I need to add a location icon to react Material-UI Select options. But there is no option for that...I read API docs in select but can't find a related option. So I really need your help with that. Thank you very much. I found code like this. but…
Zenixo
  • 727
  • 1
  • 12
  • 36
4
votes
1 answer

How to achieve a transparent statusbar after migrating to Material Design themes?

I am in the process of migrating my app theme to a Material Design theme and I am having problems with certain situations where I need a transparent status bar (for example when using a CollapsingToolbarLayout, when expanded the toolbar should be…
4
votes
2 answers

black edges on shapeable imageview after corner round

After rounding the edges on my shapeable image view, I still get black edges around the rounded edges Here is my xml :
4
votes
1 answer

How to get some space between in Richtext?

Im trying getting some space in Richttext. First heres my code title: RichText( text: TextSpan( text: _snapshot.data['username'], // _snapshot.data['username'] style: TextStyle(fontWeight: FontWeight.bold, color: Colors.black), …
user15761140
4
votes
0 answers

Android: LinearProgressIndicator with Gradient color

What I would like: I'd like to implement a LinearProgressIndicator on native Android (Kotlin) with a gradient indicator color, where the end of the gradient is the same color as the track color. This is the desired result: If you look closely you…
4
votes
1 answer

How to make a multi-color indeterminate linear progress indicator using material design in android?

I want to implement a progress bar similar to this: In material design documentation it says I need to set indeterminateAnimationType to contiguous to achieve this and provide three colors. But how to provide three colors when the indicatorColor…
4
votes
1 answer

Can you change flutter text theme?

If the theme is set in main.dart as return MaterialApp( title: 'MY APP', theme: ThemeData( primarySwatch: Colors.blue, fontFamily: 'Cabin', textTheme: TextTheme( headline1: TextStyle( fontFamily: 'Raleway', …
Maria PapaG
  • 175
  • 2
  • 14
1 2 3
99
100