material-components
Here are 261 public repositories matching this topic...
Environment
Vuetify Version: 2.2.20
Vue Version: 2.6.11
Browsers: Chrome 80.0.3987.163
OS: Mac OS 10.15.2
Steps to reproduce
- open console
- focus input
- check console for 'handleFocus'
- click 'no data'
- check console for 'handleBlur'
- re-focus input field
- handleFocus doesn't trigger again
Expected Behavior
v-autocomplete/v-combobox `@b
I want to format some selection node to some other ,but not found the api,some function like :
- import some css, that can redefine the style
- add some predefined style,that can be apply to selected element
- do any replace as I want (maybe what I need is get selection's element node,content,then set content)
add parent element div and class
<p>autor: abc</p><p>date:2020...</>
-
Feature Request
We've had several issues related to confusion around the Sass module system. We should improve our documentation per component that explains how to import mixins, customize variables, and apply core styles.
Proposed solution
For example, take button's [README](h
-
Updated
Jun 5, 2020 - Kotlin
Is your feature request related to a problem? Please describe.
Right now it's not possible to set a fixed color for the collapsed hint, and a fixed color for the expanded hint. Based on the current API and styles available, we can only set the hint text color for when there's focus, and for when there isn't.
The [current documentation](https://material.io/develop/android/components/text-
As I see SpannableString is implement in sample code. I implemented Clickable Span on it. Text became disappear. I tested it in sample code. Is clickable SpannableString supported or not?
-
Updated
May 9, 2020 - Kotlin
Right now you can only create a MDCAlertButton with a string title https://github.com/material-components/material-components-ios/blob/bb1fd86511f67a458de5939395d2f7b3dc852a8d/components/Dialogs/src/MDCAlertController.h#L394
However the MDCButton created when instantiating that action can accept a NSAttributedString
So to support NSAttributedString for MDCAlertButton is just a matter
I tried adding prefixes, and suffixes like "rounded-" "round-", "-rounded" "-round", "rounded_", "round_", "_round", "_rounded" but none of them worked.
import MaterialIcon from '@material/react-material-icon';
<MaterialIcon icon="home" />I'm using this library on Android L API 21 and the back and next buttons have for the entire intro the colors of the first slide. Please, can you suggest me a solution for this problem? It works perfectly on Android Nougat
-
Updated
May 17, 2017 - Java
-
Updated
Jun 6, 2020 - Kotlin
-
Updated
Jun 1, 2020 - Kotlin
Sizing guidelines
@finnhvman You say
Components can be resized fluidly to match layout needs, otherwise they take up the size necessary.
Can you write up some guidelines how how we should actually do resizing.
For example matter buttons have min-width, height and line-height specified. So they don't actually take up the size necessary. Should we override all three of these.
Some css libs o
In the card examples under Crane's components, the return flight row reads departure ⬅️ arrival:

This is not true for the expanded view, but the icon directions are inconsistent:
<img
-
Updated
Jun 4, 2020 - Kotlin
When I remove and add profiles or just NotifyDataChanged() when set new avatar - the user name changes position from the first picture to the second one when it should only be visibl
-
Updated
May 31, 2020 - Kotlin
-
Updated
Jul 14, 2018 - Kotlin
I'm trying to use a set of chips as input chips, but after reviewing the documentation I'm not sure of how it works or make it work with an input text field.
Reading the documentation upstream it specifically says:
The MDC Chips package does not handle the process of converting text into chips, in order to remain framework-agnostic.
I can understand that, but angular-mdc is not framework-
-
Updated
May 7, 2020
While on the docs, when you reload the page, the page title reflects what page you are on. When you switch pages, say from "Button" to "Chips", the page title stays the same, it reads "Button".
The page title should probably reflect the current page (I don't know if that will improve SEO but it sounds like it might).
Scrims
To make typography legible on top of imagery, apply text protection in the form of scrims. Scrims are lightweight, translucent material layers.
Text protection from https://material.io/guidelines/style/imagery.html#imagery-best-practices
-
Updated
Jun 3, 2020 - Kotlin
-
Updated
May 27, 2020 - Kotlin
Investigate if it's easier, better and possible to rely in requestAnimationFrame instead of the globaltick event. The latter one relies in diffing the virtual dom, and I'm not sure how scalable that is.
The intend is to use the Elm's animation-frame package.
-
Updated
Oct 7, 2019 - Java
-
Updated
Dec 20, 2019 - Kotlin
-
Updated
Dec 11, 2018 - Java
Improve this page
Add a description, image, and links to the material-components topic page so that developers can more easily learn about it.
Add this topic to your repo
To associate your repository with the material-components topic, visit your repo's landing page and select "manage topics."


There is a typo in documentation for styles page.
mdl-1.x/docs/_pages/styles.md