Comments (8)
The contact chips are really a js component. These are inserted into a text field, so this would need to integrate with some kind of tag field library.
from material-framework.
Also, spinners don't really need any js. something like http://codepen.io/kevinfarrugia/pen/EaPQNX/ maybe
from material-framework.
@PalmerAL You're right, fixed. For the spinner, I found this interesting article : https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
from material-framework.
That would probably work. Also, google drive uses a material design spinner that (appears to be) entirely css and might have better browser support (though I haven't really looked into how it works there very much)
from material-framework.
If I understand correctly, the sliding placeholder on inputs don't need js either - see http://css-tricks.com/float-labels-css/
from material-framework.
@PalmerAL, for the spinner, I'd like to have the minimum of elements required, not too much children would be nice. I bet Google drive uses lots of children elements.
For the sliding placeholder, I know the technique already, but I'd like to avoid using the :valid hack, since it won't work perfectly in various form validation cases (number inputs, pattern attribute, ...), in those use cases, the label will appear behind the entered text if the input isn't valid. The JS is going to be tiny, but it's needed to get a perfect experience.
from material-framework.
I've started working on the sidemenu component, so far, I have this:
However, I can't find anything in the spec about this component. Do you know where the documentation for this is located?
from material-framework.
@PalmerAL Nice work ! Here's the spec from Google : http://www.google.com/design/spec/patterns/navigation-drawer.html
Strangely, it's located in Patterns instead of Components.
from material-framework.
Related Issues (20)
- Mobile view HOT 1
- Use google's icon font
- adding ripples to menu items makes the menu wider HOT 2
- Avoid Style Recalculations
- Ability to change the color of form controls HOT 3
- menu opening and closing animations HOT 1
- (regression) text inputs are no longer aligned correctly with icon-buttons HOT 9
- fix dropdown arrow for dark theme
- Allow initializing a single dropdown
- Update material design shadows
- Tabs with no color class do not work in dark theme HOT 3
- Tooltips don't work with strings longer than the width of the containing element. HOT 1
- Fabs have square ripples when they have a custom tooltip
- Add typography demo
- Update obsolete rules HOT 3
- FAB position inconsistency on Firefox browsers HOT 1
- Dialogs are not shown correctly on iOS devices
- Dialog Code Error
- The "cool apps" don't exist anymore. HOT 1
- I feel like this is unmaintained. HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from material-framework.