Comments (6)
Hi @helmuthva thanks for the really interesting question. The aim for RC1 will be to implement all existing ionic components: Headers, Lists, Dialogs, Navigation, Buttons, Transitions etc. Essentially whatever you see within the Ionic documentation that has a UI will be presented using Material Design.
The aim of the project is primarily to provide a Material Design "look and feel" for Ionic, automatically when you use the Android platform. So there won't be any custom components as part of V1.
That being said, the greater objective will be to contribute back to MDL (I've implemented lists for Ionic, but these aren't available within MDL yet) and to also create custom components.
To answer your first question, it will be a subset and include only those currently used within Ionic, so that you can use the same directives on iOS and Android, but the latter will have the same "look and feel" as Material Design. This I feel is the most realistic expectation and will ensure a consistent and clear roadmap.
Regarding beyond RC1 (V1) I will begin implementing additional components that are specific only to Material Design. Tool tips, toasts and bottom sheets as per your example will be part of this.
Once V1 is released I will define a clear roadmap and welcome RFCs from the community, more information about that will be made available in due time.
I hope that's answered your questions.
from ionic-material-design-lite.
Hi @Delta98 thanks for the great response.
We will thus use your project in one of our projects - this is btw a smartphone and tablet app - it would thus be great if you support http://ionicframework.com/docs/api/directive/exposeAsideWhen/ ;-)
Regarding V1 components - support for https://material.angularjs.org/latest/#/demo/material.components.fabSpeedDial would be great as this is a very powerful UX component for smartphone and tablet apps ,-)
Best Regards - looking forward to your RC1 - will provide back our results of using this and possibly some components later ,-)
from ionic-material-design-lite.
Hi @helmuthva exposeAsAside will be released as part of RC1. Fab speed dialer may not be made a feature immediately.
If you are using it on a project, please be aware that there is a wiki that's updated as part of this repo, useful information is included there.
But most importantly there might be some BC coming shortly as I prepare for release.
from ionic-material-design-lite.
I want to start an ionic project using Material Design, however I'm a bit concern about the repositories I've found.
There is the ionicmaterial which last release was May 20 (that's a long time). And there's this one, which is only 1 month old.
I saw that you @Delta98 contributed in the ionicmaterial repository. My question is:
Why did you create this repository instead of continuing helping ionicmaterial to evolve?
from ionic-material-design-lite.
@JobaDiniz I completely disagreed with the approach ionicmaterial has taken. It uses custom directives that make the Ionic upgrade path impossible to follow, the material design guidelines aren't followed correctly and in order to correct those issues you would have to start again.
My contribution was very small, I believe it was a couple bug fixes and some assistance on issues, but unfortunately the way the collaborators handled the project and the community meant it was going to fail, you can see that in the way no one has actively responded or updated the project since May. No matter what contribution was made, there would be no way to get that project back on track, at least not in keeping with the original goals.
Over a month ago Google released Material Design Lite, which provides a clear and concise set of components and sass files that can be used independently of an opinionated framework like Polymer or AngularJS.
This was an exciting proposition that allowed for what I believe would be a better approach, whereby the Ionic directives were respected and extended only to add additional classes or actions only found within Material Design, allowing for a clean upgrade path for both MDL and Ionic.
The approach is to ensure the application maintains the platform look and feel (iOS retains it's default styles) unless configured otherwise. So you can take a look at the demos within this project, replace platform-android
with platform-ios
and you'll see the components are presented as if they were on iOS. You couldn't do that with ionicmaterial, it was either Material Design or nothing.
So to answer your question:
Why did you create this repository instead of continuing helping ionicmaterial to evolve?
The original contributors are unresponsive to the community, the approach is completely different and this project utilises a library of JS and CSS that are provided directly by Google and the community to meet the MD guidelines.
I've also ensured there are tangible deadlines, features and a roadmap to ensure a community can contribute and determine the future of the project based on the features and roadmap presented to them.
I hope this has addressed your concerns, the project is still in development and RC1 is due for release on 31st Aug.
from ionic-material-design-lite.
Thanks for clarifying.
from ionic-material-design-lite.
Related Issues (20)
- error
- ion-tab .item-active:before not being applied to tab
- ionic run android command fails after install HOT 10
- Licence ? HOT 2
- Platform Override Not Working HOT 7
- ripple effects fire while scrolling HOT 3
- npm support? HOT 4
- Inclusion breaks standard iOS styling HOT 8
- input[text]: label does not float on iOS HOT 6
- Question: Installation process not clear HOT 2
- Unable to get tabs inside a ion-tab content (Nested Tabs) HOT 1
- gulp bundle task - wrong path to material.js HOT 1
- Ionic 1.1.1 compatible? HOT 3
- Ping: Is development in progress HOT 2
- Two Nav bar issues. HOT 3
- Form input floating label issue in ios HOT 8
- Does Not work as expected on IOS HOT 4
- Needs license declaration/file HOT 1
- Update to latest ionic version in bower json dependencies
- bar bar-header bar-assertive-900 does not work in ion-header-bar
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 ionic-material-design-lite.