Material Design for Dart
A User Interface Library / GUI-Framework to
develop Progressive Web Apps (PWA) in Dart.
Web
Homepage |
PUB |
Facebook |
Kitchen Sink |
GitHub |
GibtHub WebSite + Samples
Version 2.0.x
I switch from the old, unsupported DI-Package to Dice
It's awesome - check it out.
Material Components for web
Google switched from MaterialDesignLite to Material Components for web
The Dart-Version makes the same move.
I'm working on "Material Components for Dart"
Stay tuned - I'll make the move for you as smooth as possible.
www.material-design-lite.pub.
MDL/Dart is also on Facebook
Material Design Lite lets you add a Material Design look and feel to your dynamic websites and web app. It doesn't rely on any JavaScript
frameworks or libraries. Optimised for cross-device use, gracefully degrades in older browsers, and offers an experience that is accessible
from the get-go.
Since v1.18 MDL/Dart is STRONG_MODE compliant!
IMPORTANT
If you use material.css from cdn.rawgit.com - don't forget to specify your MDL-Dart version in for your css-link
<link id="theme" rel="stylesheet"
href="https://cdn.rawgit.com/MikeMitterer/dart-mdl-theme/v<latest mdl-dart version>/red-pink/material.min.css">
<!-- Something like this: -->
<link id="theme" rel="stylesheet"
href="https://cdn.rawgit.com/MikeMitterer/dart-mdl-theme/v1.18.1/red-pink/material.min.css">
More on themes: http://styleguide.material-design-lite.pub/#/theming
Check out the CHANGELOG! to see what's new.
Breaking changes in 1.18!
All mdl-js-xxx CSS-classes are gone! It's not necessary anymore to define e.g. mdl-button and! mdl-js-button
for a MDL-Widget. The Widget-class is enough.
<!-- NEW -->
<button class="mdl-button mdl-button--colored mdl-ripple-effect">Flat</button>
<!-- OLD -->
<button class="mdl-button mdl-js-button mdl-button--colored mdl-ripple-effect">Flat</button>
Getting started
Here is a short guide to help you setting up your MDL/Dart page
Main features
- 16 base components ready to use
- 4 different Dialogs, AlertDialog, ConfirmDialog, Notification-Messages and Snackbar
- Directives
- Drag and Drop
- Formatters
- Mustache-Based Components (Template based)
- Nice, ready to use, templates
- Single Page Application
- Routing
- Dependency injection
- Samples, samples, samples
- Theming
Visit the website for a "Quick start" or check out the Kitchen Sink
Examples
Check out the samples
Download all the samples as TGZ from here
MDLFlux for Data-Handling
(REACT-like Actions, ActionBus, Dispatcher and DataStore)
Flux - Overview

MDLFlux in action: ToDO-Sample (Source)
IMPORTANT!!!
All samples-sources are now on GH dart-material-design-lite-site
Features and bugs
Please file feature requests and bugs at the issue tracker.
More links
License
Copyright 2016 Michael Mitterer (office@mikemitterer.at),
IT-Consulting and Development Limited, Austrian Branch
__ ___ ____ __ __ __ ____ __
/ |/ // __ \ / / / // / / __ \ ____ _ _____ / /_
/ /|_/ // / / // / / // /_ / / / // __ `// ___// __/
/ / / // /_/ // /___/__ __// /_/ // /_/ // / / /_
/_/ /_//_____//_____/ /_/ /_____/ \__,_//_/ \__/
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing,
software distributed under the License is distributed on an
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
either express or implied. See the License for the specific language
governing permissions and limitations under the License.
If this plugin is helpful for you - please (Circle) me
or star this repo here on GitHub
Change Log for mdl
Material Design Lite for Dart
v2.0.2 - 2017-07-21
Feature
v2.0.1 - 2017-07-14
Docs
v2.0.0 - 2017-05-18
Feature
- MaterialTextfield can determine if it has the focus 5c0f79e0
- Mdlmock works with dice 4a892654
- Removed depencency to DI, switched over to Dice 49d5c71d
Feature
- Vertical ProgressBar supports background-color-sections 65cf2536
- VerticalProgressBar supports 'sections' ad4ad7c4
- VerticalProgressbar added d1892f22
Feature
Bugs
- Buffered progress-bar did not show dots at the end c946f8bd
- Double-klick on accordion label selected (highlighted) the label 12373110
- -webkit-scrollbar did not hide if 'show_on_hover' was false 01461bb2
Feature
- MdlComponent has 'waitForChild' now - great for slow rendering components 94bdfdbb
- Panel with menu be1f13a9
Bugs
- Removed debug-output from MaterialMenu 103bc853
Docs
- Readme - MDL-Dialog, Material Components for web 77ec0c3d
Feature
- Better list syncronisation for MaterialRepeat 511a9510
Bugs
- MaterialMenu couldn't always find it's 'for'-part 2812d7c1
Feature
- MaterialRepeat / ObservableList got callback for fast rendering 46d70f6f
Bugs
- With of menu-item was no correct 297269c0
Feature
- ModelObserver support now HtmlElementObserver as a default-observer (e.g. span or div elements) 35786f5a
- Style for disabled text added 0ee8c50f
Feature
- ObservableProperty got call-operator f28fc4e9
- AlertDialog supports '\n' (Converts it to <br>) d7d05fdf
- Optimized ModelObserver - avoids unnecessary updates c7ece403
Fixes
- Initializes empty form with fields marked as invalid 30dfc346
Bugs
- Scrollbar in Custom-Dialog was visible 710e32b9
- NotificationMessage could not create correct text-block-width a2bb60d1
Style
Test
Docs
Feature
- extra function for handling data-attributes added 613ad1a0
- Added 'asInt' convertion to DataAttribute 67e9ba93
Feature
- mdl-color--transparent extra setting in _palette.scss 9b6b8093
Bugs
- hashCode was missing in 'ActionName' f525066b
Docs
- Udated some version constraints c1971fa4
Feature
- MaterialTabs fires onChange-Event if active tab changes 03239498
Bugs
- Fixes 'mdl-properties'-flickering 0a07d1e5
Feature
- ObservableList can filter items (works nice with MaterialRepeat) 27ac384b
- Added some more StockAnimations 2d6f1f39
Feature
- Formatter-Support for all Core-Components 8391b688
- MdlFormComponent emits FormChangedEvents 56590f90
Docs
Feature
Bugs
- Notification-Dialog overwrites default DomRenderer 7e0acb60
Docs
- How event listener is called in EventCompiler 9e819302
Feature
Docs
Feature
- MdlComponent and MaterialDialog share the same MdlEventListener-Mixin to add eventStreams for downgrading the component 55f05b88
Docs
Feature
- DataTable2 can scroll its data-section + Emits Event on click d921f625
- MaterialLabelfield added 127f288b
- Styles for lablefield added 91d47205
Docs
Feature
- Emitter-class added to mdlflux e0e494aa
- FireOnlyDataStore - default implementation for DataStore 09be0464
Docs
Fixes
- Typo in filename mdlcompone[n]ts.dart c7ad5f9e
Feature
- Set injector in ComponenHandler via mockComponentHandler 783bc126
Fixes
- SampleGenerator sometimes deleted pubspec.yaml (was not sync) aac52596
Docs
Docs
- Move tests to new test-structure 264ca1d2
Docs
Fixes
- ActionBusImpl was not injectable b001dce6
Docs
Feature
Fixes
- EventCompiler ignored the events defined for the base-Element 88258068
- EventCompiler ignored the events defined for the base-Element 3fa59d6e
- MaterialLayout fixes dart-lang#24868 3e4514cb
Fixes
- Wrong List-Type in MaterialLayout 9a3a39a9
Docs
Feature
- Properties-Page added (mdl-properties) + pre-def-layouts 90b524fd
- Started with MDLAnimation d40a31b6
v1.9.2 - 2015-11-17
Docs
- Removed all copyrights from documentation. Fixes #27 d6154693
v1.9.0 - 2015-11-16
Feature
- Better font-integration via CSS 1bf8a476
Bugs
- Solevs the double/int problem in ObservableProperty b91b6edd
- Solevs the double/int problem in ObservableProperty 5f70ce8a
Docs
- SPA-Template shows entered username + password 79afaf6d
v1.8.0 - 2015-11-02
Feature
- MDLCleanupTransformer reduces package size by around 50% eabab781
- Merged latest master f5af03fa
v1.7.1 - 2015-10-30
Feature
- SplashScreen + SPA-Template works 1cc20ac1
v1.7.0 - 2015-10-22
Feature
- MaterialFormComponent with validation check 185edc9c
- Dynamic DivDataTable works 2e5dff7e
v1.6.0 - 2015-10-20
Fixes
v1.5.6 - 2015-09-21
Feature
v1.5.5 - 2015-09-02
Fixes
Refactor
- Renamed example to samples (Dart 1.12) 34e05637
v1.5.3 - 2015-08-24
Feature
Bugs
- Accidentally deleted Listener in Confirm-Dialog-Sample f5cce5df
Docs
v1.5.2 - 2015-08-19
Feature
- Autofocus for Dialogs, fixes #20 b1887f73
- ObservableProperty can switch between Timer- and 'set value' check 4fd2f45d
v1.5.1 - 2015-08-18
Docs
v1.5.0 - 2015-08-17
Feature
- New WebSite launched for MDL/Dart 79e9ff0a
Bugs
- z-index for DND causes hidden header b5941468
v1.3.6 - 2015-08-14
Docs
v1.3.5 - 2015-08-14
Feature
- MaterialObserver supports templates + objects 5bd4c35e
Docs
- New samples for MaterialObserve and Formatter in styleguide 8ccffca2
v1.3.4 - 2015-08-10
Feature
- Made ObservableProperty more data-type tolerant 20d2b067
Docs
- Better Exception-Message for mdl-repeat if using wrong list-type 44a98a16
v1.3.3 - 2015-08-03
Feature
- ObservableProperty got a name field - helps to debug cb4aa533
- Accordion supports more complex headers f00db4c6
Bugs
- Registration for components in 'body' failed (_isInDom check problem) 5edd5246
- Textfield show disabled value in eabled color 61a13bc6
v1.3.2 - 2015-07-30
Fixes
- Accordion showed ripple when user clicks on content, solves #12 307c2c59
v1.3.0 - 2015-07-29
Feature
- Formatter (number, uppercase + lowercase) added 78ba4fe4
v1.2.3 - 2015-07-28
Feature
- Merged latest master into Styleguide b28ea03f
- Merged latest master from MDL/JS b26c7da9
Bugs
- checkDirty for MaterialTextfiled produced wrong result 7935fab1
v1.2.1 - 2015-07-23
Refactor
- Removed all unnecessary files form styles 520f938d
v1.2.0 - 2015-07-23
Feature
- mdl-class added + works 89f9e7fb
- Components attached() function will be called after Component is added to the DOM, better differentiation between Widget + Component 16d7acba
Bugs
- Wrong link to GH 22169a41
- AccordionLabel changed from 'label' to '.mdl-accordion__label' 7a57dcff
- callAttached called only the first registered MdlComponent f21c2e85
Docs
Refactor
- Tag mdl-repeat changed to Attribute, Tag mdl-property changed to Attribute (mdl-observe) c0163364
- MdlAccordion registers now the 'panel-part' and not the whole group fa86d3af
v1.1.2 - 2015-07-20
Feature
Docs
v1.1.0 - 2015-07-16
Feature
- mdl-model added, works for checkbox,radio-group, slider, textfield and switch 98cec091
Docs
- Added more StageDive-Templates, QuickStart-Section 73538817
- Improved Radio-Sample with RadioGroup a92941a6
v1.0.3 - 2015-07-13
Docs
v1.0.2 - 2015-07-10
Docs
v1.0.1 - 2015-07-10
Chore
Feature
Docs
v1.0.0 - 2015-07-06
Bugs
- matchMedia.addListener crashed FF + Safari 5cf55391
- Height of notification-container is now dynamic 9e693281
- Notification did not work after dart2js, built all samples e39560d3
Docs
v0.9.1 - 2015-06-23
Feature
- Notifications 71e94924
- Material-Icon-Font and Roboto is include in package ea9cb640
- Accordion Radio-Style can be unchecked, bug: Componenthandler did not upgrade BaseElement 515568d9
- Material FORMS-Sample added 2fc41621
- Lodindicator added to styleguide 65a24272
- Loadindicator added to templates 1b303ecf
- Template for small app added, Themes regenerated c42fc7b7
- Templates admin + sticky-footer improved 96c59bad
- DI added 32a8d66f
Bugs
- Styleguide needs Fonts included for teme-switching 48b6e022
- Repeater crashed in removeAll 4d9e04ac
- ForElement in MaterialMenu needs a delay during initialization (SPA) 4c2e3a5c
- Recalc for x and y for MaterialMenu was missing e7a62eef
- Menu.show needed some pos calculation, Added tests for layout and menu a5f21809
- Accordion did not work without ripples, added some more tests 59c0ee7f
- Theming did not work in styleguide c47af758
- Header distance in styleguide was wrong 80c3645f
- screenSizeHandler was not implemented for Layout c444ac6d
v0.8.0 - 2015-03-20
Feature
v0.7.9 - 2015-03-16
Feature
v0.7.8 - 2015-03-14
Bugs
- h1 -> h5 in main.dart - faild to generate drawer b0ae4ba8
Docs
v0.7.7 - 2015-03-13
Feature
- badge added, bottom-bar and mini-footer-flex added to samples 90fd9515
v0.7.6 - 2015-03-12
Feature
- mini-footer-flex optimized with flexbox-settings f5d8dc39
Bugs
- Accordions border-top is now OK 9d94c97d
v0.7.2 - 2015-03-06
Docs
- index.html comes now with material-style 710369db
- Preview-Images added to index.html 4cc217b8
v0.7.1 - 2015-03-05
Docs
- bottombar sample added to 'layout' c559ab76
v0.7.0 - 2015-03-05
Feature
Bugs
- z-index for back-to-top buttun changed to 1 21fd281b
- Sample layout-header-drawer-footer did not show a scroll shadow 6b7927d4
Docs
v0.6.9 - 2015-03-04
Docs
- Stylguide got its own dir in example 8e609ef4
v0.6.8 - 2015-03-03
Fixes
- Fixed-header-layout shows burger-button correct 0c822d49
v0.6.7 - 2015-02-26
Fixes
- Indicator (Chevron by default) in AccordionComponent has on indicator-cssClass now f63a862f
v0.6.6 - 2015-02-26
Fixes
- Ripple updates its size now more often. Works better now with loadchecker a263034f
v0.6.5 - 2015-02-25
Fixes
- Drawer closes now like expected (Styleguide) 23a7c58f
Bugs
- Drawer closes now like expected (Styleguide) df1d34cf
v0.6.4 - 2015-02-24
Feature
Docs
v0.6.3 - 2015-02-20
Docs
v0.6.2 - 2015-02-20
Docs
- Hint to 'Load indicator' in Readme f98429bc
v0.6.1 - 2015-02-19
Refactor
- All samples have their own pubspec and their own web-folder 70703ce8
v0.2 - 2015-02-02
Feature
Fixes
- Fixed-header-layout shows burger-button correct 0c822d49
- Indicator (Chevron by default) in AccordionComponent has on indicator-cssClass now f63a862f
- Ripple updates its size now more often. Works better now with loadchecker a263034f
- Drawer closes now like expected (Styleguide) 23a7c58f
Bugs
- h1 -> h5 in main.dart - faild to generate drawer b0ae4ba8
- Accordions border-top is now OK 9d94c97d
- removed ugly 'tab highlight color' around round buttons 55113825
- Links in styleguide to all the other iframe-samples were wrong 394c6233
- Tabs are working on mobile now 3acca3ab
- z-index for back-to-top buttun changed to 1 21fd281b
- Sample layout-header-drawer-footer did not show a scroll shadow 6b7927d4
- Drawer closes now like expected (Styleguide) df1d34cf
Docs
- Improved 'badge' sample 1f0dcfb3
- index.html comes now with material-style 710369db
- Preview-Images added to index.html 4cc217b8
- bottombar sample added to 'layout' c559ab76
- Two new sample-layouts c4f1be8f
- Stylguide got its own dir in example 8e609ef4
- Accordion added to styleguide 8aa58745
- Description for pubspec.yaml 7c6451d5
- Hint to 'Load indicator' in Readme f98429bc
Refactor
- All samples have their own pubspec and their own web-folder 70703ce8
Feature
Feature
Fixes
- Fixed-header-layout shows burger-button correct 0c822d49
- Indicator (Chevron by default) in AccordionComponent has on indicator-cssClass now f63a862f
- Ripple updates its size now more often. Works better now with loadchecker a263034f
- Drawer closes now like expected (Styleguide) 23a7c58f
Bugs
- h1 -> h5 in main.dart - faild to generate drawer b0ae4ba8
- Accordions border-top is now OK 9d94c97d
- removed ugly 'tab highlight color' around round buttons 55113825
- Links in styleguide to all the other iframe-samples were wrong 394c6233
- Tabs are working on mobile now 3acca3ab
- z-index for back-to-top buttun changed to 1 21fd281b
- Sample layout-header-drawer-footer did not show a scroll shadow 6b7927d4
- Drawer closes now like expected (Styleguide) df1d34cf
Docs
- Improved 'badge' sample 1f0dcfb3
- index.html comes now with material-style 710369db
- Preview-Images added to index.html 4cc217b8
- bottombar sample added to 'layout' c559ab76
- Two new sample-layouts c4f1be8f
- Stylguide got its own dir in example 8e609ef4
- Accordion added to styleguide 8aa58745
- Description for pubspec.yaml 7c6451d5
- Hint to 'Load indicator' in Readme f98429bc
Refactor
- All samples have their own pubspec and their own web-folder 70703ce8
v0.0.1 - 2015-01-31
Chore
Feature
- Properties-Page added (mdl-properties) + pre-def-layouts 90b524fd
- Started with MDLAnimation d40a31b6
- Better font-integration via CSS 1bf8a476
- MDLCleanupTransformer reduces package size by around 50% eabab781
- Merged latest master f5af03fa
- SplashScreen + SPA-Template works 1cc20ac1
- MaterialFormComponent with validation check 185edc9c
- Dynamic DivDataTable works 2e5dff7e
- Merged latest MDL/JS master 288dc40f
- Merged latest Dart/JS master 7cf8ea4b
- Autofocus for Dialogs, fixes #20 b1887f73
- ObservableProperty can switch between Timer- and 'set value' check 4fd2f45d
- New WebSite launched for MDL/Dart 79e9ff0a
- MaterialObserver supports templates + objects 5bd4c35e
- Made ObservableProperty more data-type tolerant 20d2b067
- ObservableProperty got a name field - helps to debug cb4aa533
- Accordion supports more complex headers f00db4c6
- Formatter (number, uppercase + lowercase) added 78ba4fe4
- Merged latest master into Styleguide b28ea03f
- Merged latest master from MDL/JS b26c7da9
- mdl-class added + works 89f9e7fb
- Components attached() function will be called after Component is added to the DOM, better differentiation between Widget + Component 16d7acba
- Merged MDL/JS-Master CW 29 38ee7618
- ObservableList supports removeWhere d25c4738
- mdl-model added, works for checkbox,radio-group, slider, textfield and switch 98cec091
- StageDive support d383a7d5
- Notifications 71e94924
- Material-Icon-Font and Roboto is include in package ea9cb640
- Accordion Radio-Style can be unchecked, bug: Componenthandler did not upgrade BaseElement 515568d9
- Material FORMS-Sample added 2fc41621
- Lodindicator added to styleguide 65a24272
- Loadindicator added to templates 1b303ecf
- Template for small app added, Themes regenerated c42fc7b7
- Templates admin + sticky-footer improved 96c59bad
- DI added 32a8d66f
- form added to components and samples 687e6896
- Form added 24f55a17
- nav-pills added 21cf50b8
- Panel added 6255ff19
- badge added, bottom-bar and mini-footer-flex added to samples 90fd9515
- mini-footer-flex optimized with flexbox-settings f5d8dc39
- bottombar added 026adfee
- Accordion works 5d8e7dc9
Fixes
- #24 - Dialog loses focus 839869d5
- #23 0b2508fb
- Accordion showed ripple when user clicks on content, solves #12 307c2c59
- Fixed-header-layout shows burger-button correct 0c822d49
- Indicator (Chevron by default) in AccordionComponent has on indicator-cssClass now f63a862f
- Ripple updates its size now more often. Works better now with loadchecker a263034f
- Drawer closes now like expected (Styleguide) 23a7c58f
Bugs
- Navigation-Link in Drawer toggled obfuscator defc6a9c
- Solevs the double/int problem in ObservableProperty b91b6edd
- Solevs the double/int problem in ObservableProperty 5f70ce8a
- Typo in README 2f8dcabf
- Accidentally deleted Listener in Confirm-Dialog-Sample f5cce5df
- z-index for DND causes hidden header b5941468
- Registration for components in 'body' failed (_isInDom check problem) 5edd5246
- Textfield show disabled value in eabled color 61a13bc6
- Missing annotation for UppercaseFormatter + LowerCaseFormatter e084a818
- checkDirty for MaterialTextfiled produced wrong result 7935fab1
- Wrong link to GH 22169a41
- AccordionLabel changed from 'label' to '.mdl-accordion__label' 7a57dcff
- callAttached called only the first registered MdlComponent f21c2e85
- Wrong names in Templates c9aeabad
- matchMedia.addListener crashed FF + Safari 5cf55391
- Height of notification-container is now dynamic 9e693281
- Notification did not work after dart2js, built all samples e39560d3
- Styleguide needs Fonts included for teme-switching 48b6e022
- Repeater crashed in removeAll 4d9e04ac
- ForElement in MaterialMenu needs a delay during initialization (SPA) 4c2e3a5c
- Recalc for x and y for MaterialMenu was missing e7a62eef
- Menu.show needed some pos calculation, Added tests for layout and menu a5f21809
- Accordion did not work without ripples, added some more tests 59c0ee7f
- Theming did not work in styleguide c47af758
- Header distance in styleguide was wrong 80c3645f
- screenSizeHandler was not implemented for Layout c444ac6d
- h1 -> h5 in main.dart - faild to generate drawer b0ae4ba8
- Accordions border-top is now OK 9d94c97d
- removed ugly 'tab highlight color' around round buttons 55113825
- Links in styleguide to all the other iframe-samples were wrong 394c6233
- Tabs are working on mobile now 3acca3ab
- z-index for back-to-top buttun changed to 1 21fd281b
- Sample layout-header-drawer-footer did not show a scroll shadow 6b7927d4
- Drawer closes now like expected (Styleguide) df1d34cf
Docs
Refactor
- Renamed example to samples (Dart 1.12) 34e05637
- Removed all unnecessary files form styles 520f938d
- Tag mdl-repeat changed to Attribute, Tag mdl-property changed to Attribute (mdl-observe) c0163364
- MdlAccordion registers now the 'panel-part' and not the whole group fa86d3af
- All samples have their own pubspec and their own web-folder 70703ce8
tag - 2015-11-20
Docs
rm - 2015-11-20
Feature
- Properties-Page added (mdl-properties) + pre-def-layouts 90b524fd
- Started with MDLAnimation d40a31b6
- Better font-integration via CSS 1bf8a476
Bugs
- Navigation-Link in Drawer toggled obfuscator defc6a9c
- Solevs the double/int problem in ObservableProperty b91b6edd
- Solevs the double/int problem in ObservableProperty 5f70ce8a
- Typo in README 2f8dcabf
Docs
- Readme + Changelog ea97dc2f
- Removed all copyrights from documentation. Fixes #27 d6154693
- SPA-Template shows entered username + password 79afaf6d
1.8.0 - 2015-11-02
Feature
- MDLCleanupTransformer reduces package size by around 50% eabab781
- Merged latest master f5af03fa
- SplashScreen + SPA-Template works 1cc20ac1
1.7.0 - 2015-10-22
Feature
- MaterialFormComponent with validation check 185edc9c
- Dynamic DivDataTable works 2e5dff7e
- Merged latest MDL/JS master 288dc40f
Fixes
1.5.5 - 2015-09-02
Feature
- Merged latest Dart/JS master 7cf8ea4b
- Autofocus for Dialogs, fixes #20 b1887f73
- ObservableProperty can switch between Timer- and 'set value' check 4fd2f45d
- New WebSite launched for MDL/Dart 79e9ff0a
- MaterialObserver supports templates + objects 5bd4c35e
- Made ObservableProperty more data-type tolerant 20d2b067
- ObservableProperty got a name field - helps to debug cb4aa533
- Accordion supports more complex headers f00db4c6
- Formatter (number, uppercase + lowercase) added 78ba4fe4
Fixes
- #23 0b2508fb
- Accordion showed ripple when user clicks on content, solves #12 307c2c59
Bugs
- Accidentally deleted Listener in Confirm-Dialog-Sample f5cce5df
- z-index for DND causes hidden header b5941468
- Registration for components in 'body' failed (_isInDom check problem) 5edd5246
- Textfield show disabled value in eabled color 61a13bc6
- Missing annotation for UppercaseFormatter + LowerCaseFormatter e084a818
- checkDirty for MaterialTextfiled produced wrong result 7935fab1
Docs
Refactor
- Renamed example to samples (Dart 1.12) 34e05637
1.2.2 - 2015-07-27
Chore
Feature
- Merged latest master into Styleguide b28ea03f
- Merged latest master from MDL/JS b26c7da9
- mdl-class added + works 89f9e7fb
- Components attached() function will be called after Component is added to the DOM, better differentiation between Widget + Component 16d7acba
- Merged MDL/JS-Master CW 29 38ee7618
- ObservableList supports removeWhere d25c4738
- mdl-model added, works for checkbox,radio-group, slider, textfield and switch 98cec091
- StageDive support d383a7d5
- Notifications 71e94924
- Material-Icon-Font and Roboto is include in package ea9cb640
- Accordion Radio-Style can be unchecked, bug: Componenthandler did not upgrade BaseElement 515568d9
- Material FORMS-Sample added 2fc41621
- Lodindicator added to styleguide 65a24272
- Loadindicator added to templates 1b303ecf
- Template for small app added, Themes regenerated c42fc7b7
- Templates admin + sticky-footer improved 96c59bad
- DI added 32a8d66f
- form added to components and samples 687e6896
- Form added 24f55a17
- nav-pills added 21cf50b8
- Panel added 6255ff19
- badge added, bottom-bar and mini-footer-flex added to samples 90fd9515
- mini-footer-flex optimized with flexbox-settings f5d8dc39
- bottombar added 026adfee
- Accordion works 5d8e7dc9
Fixes
- Fixed-header-layout shows burger-button correct 0c822d49
- Indicator (Chevron by default) in AccordionComponent has on indicator-cssClass now f63a862f
- Ripple updates its size now more often. Works better now with loadchecker a263034f
- Drawer closes now like expected (Styleguide) 23a7c58f
Bugs
- Wrong link to GH 22169a41
- AccordionLabel changed from 'label' to '.mdl-accordion__label' 7a57dcff
- callAttached called only the first registered MdlComponent f21c2e85
- Wrong names in Templates c9aeabad
- matchMedia.addListener crashed FF + Safari 5cf55391
- Height of notification-container is now dynamic 9e693281
- Notification did not work after dart2js, built all samples e39560d3
- Styleguide needs Fonts included for teme-switching 48b6e022
- Repeater crashed in removeAll 4d9e04ac
- ForElement in MaterialMenu needs a delay during initialization (SPA) 4c2e3a5c
- Recalc for x and y for MaterialMenu was missing e7a62eef
- Menu.show needed some pos calculation, Added tests for layout and menu a5f21809
- Accordion did not work without ripples, added some more tests 59c0ee7f
- Theming did not work in styleguide c47af758
- Header distance in styleguide was wrong 80c3645f
- screenSizeHandler was not implemented for Layout c444ac6d
- h1 -> h5 in main.dart - faild to generate drawer b0ae4ba8
- Accordions border-top is now OK 9d94c97d
- removed ugly 'tab highlight color' around round buttons 55113825
- Links in styleguide to all the other iframe-samples were wrong 394c6233
- Tabs are working on mobile now 3acca3ab
- z-index for back-to-top buttun changed to 1 21fd281b
- Sample layout-header-drawer-footer did not show a scroll shadow 6b7927d4
- Drawer closes now like expected (Styleguide) df1d34cf
Docs
Refactor
- Removed all unnecessary files form styles 520f938d
- Tag mdl-repeat changed to Attribute, Tag mdl-property changed to Attribute (mdl-observe) c0163364
- MdlAccordion registers now the 'panel-part' and not the whole group fa86d3af
- All samples have their own pubspec and their own web-folder 70703ce8
This CHANGELOG.md was generated with Changelog for Dart
1. Depend on it
Add this to your package's pubspec.yaml file:
dependencies:
mdl: "^2.0.3"
2. Install it
You can install packages from the command line:
with pub:
$ pub get
Alternatively, your editor might support pub get
.
Check the docs for your editor to learn more.
3. Import it
Now in your Dart code, you can use:
import 'package:mdl/mdl.dart';
Analysis
We analyzed this package on Apr 24, 2018, and provided a score, details, and suggestions below.
Analysis was completed with status completed using:
- Dart: 2.0.0-dev.49.0
- pana: 0.10.6
Scores
|
80 |
/ 100 |
|
98 |
/ 100 |
|
98 |
/ 100 |
|
89 |
Learn more about scoring.
Platforms
Detected platforms: web
Primary library: package:mdl/mdl.dart
with components: html
, js
, mirrors
.
Suggestions
-
Fix analysis and formatting issues.
Analysis or formatting checks reported 2 errors 111 hints.
Strong-mode analysis of lib/src/application/mirrors/Invoke.dart
failed with the following error:
line: 38 col: 41
The argument type '(String) → Null' can't be assigned to the parameter type '(dynamic) → void'.
Strong-mode analysis of lib/src/template/components/MaterialRepeat.dart
failed with the following error:
line: 322 col: 47
The function expression type '(Map<String, dynamic>) → bool' isn't of type '(dynamic) → bool'. This means its parameter or return type does not match what is expected. Consider changing parameter type(s) or the returned type(s).
Similar analysis of the following files failed:
lib/mdl.dart
(hint)lib/mdlanimation.dart
(hint)lib/mdlapplication.dart
(hint)lib/mdlcomponents.dart
(hint)lib/mdlcore.dart
(hint)lib/mdldemo.dart
(hint)lib/mdldialog.dart
(hint)lib/mdldirective.dart
(hint)lib/mdldnd.dart
(hint)lib/mdlflux.dart
(hint)lib/mdlform.dart
(hint)lib/mdlformatter.dart
(hint)lib/mdlmock.dart
(hint)lib/mdlobservable.dart
(hint)lib/mdltemplate.dart
(hint)lib/mdlutils.dart
(hint)lib/src/animation/StockAnimation.dart
(hint)lib/src/animation/animation.dart
(hint)lib/src/animation/keyframes.dart
(hint)lib/src/application/MaterialContoller.dart
(hint)lib/src/application/Utils.dart
(hint)lib/src/application/components/MaterialContent.dart
(hint)lib/src/application/components/MaterialInclude.dart
(hint)lib/src/application/interfaces.dart
(hint)lib/src/application/mirrors/StringToFunction.dart
(hint)lib/src/application/modules/DomRenderer.dart
(hint)lib/src/application/modules/EventCompiler.dart
(hint)lib/src/application/modules/Scope.dart
(hint)lib/src/application/modules/ViewFactory.dart
(hint)lib/src/components/MaterialAccordion.dart
(hint)lib/src/components/MaterialBadge.dart
(hint)lib/src/components/MaterialButton.dart
(hint)lib/src/components/MaterialCheckbox.dart
(hint)lib/src/components/MaterialDataTable.dart
(hint)lib/src/components/MaterialDivDataTable.dart
(hint)lib/src/components/MaterialIconToggle.dart
(hint)lib/src/components/MaterialLabelfield.dart
(hint)lib/src/components/MaterialLayout.dart
(hint)lib/src/components/MaterialMenu.dart
(hint)lib/src/components/MaterialProgress.dart
(hint)lib/src/components/MaterialProgressVertical.dart
(hint)lib/src/components/MaterialRadio.dart
(hint)lib/src/components/MaterialRipple.dart
(hint)lib/src/components/MaterialSlider.dart
(hint)lib/src/components/MaterialSpinner.dart
(hint)lib/src/components/MaterialSwitch.dart
(hint)lib/src/components/MaterialTabs.dart
(hint)lib/src/components/MaterialTextfield.dart
(hint)lib/src/components/MaterialTooltip.dart
(hint)lib/src/core/ConvertValue.dart
(hint)lib/src/core/MdlComponent.dart
(hint)lib/src/core/MdlComponentHandler.dart
(hint)lib/src/core/MdlConfig.dart
(hint)lib/src/core/MdlEventListener.dart
(hint)lib/src/core/annotations.dart
(hint)lib/src/core/interfaces.dart
(hint)lib/src/core/mock.dart
(hint)lib/src/core/utils.dart
(hint)lib/src/demo/DemoAnimation.dart
(hint)lib/src/dialog/MaterialAlertDialog.dart
(hint)lib/src/dialog/MaterialConfirmDialog.dart
(hint)lib/src/dialog/MaterialDialog.dart
(hint)lib/src/dialog/MaterialNotification.dart
(hint)lib/src/dialog/MaterialSnackbar.dart
(hint)lib/src/dialog/components/MaterialDialogComponent.dart
(hint)lib/src/directive/components/MaterialAttribute.dart
(hint)lib/src/directive/components/MaterialClass.dart
(hint)lib/src/directive/components/MaterialModel.dart
(hint)lib/src/directive/components/MaterialObserve.dart
(hint)lib/src/directive/components/model/ModelObserver.dart
(hint)lib/src/directive/components/model/ModelObserverFactory.dart
(hint)lib/src/directive/utils.dart
(hint)lib/src/dnd/MaterialDraggable.dart
(hint)lib/src/dnd/MaterialDropZone.dart
(hint)lib/src/flux/ActionBusImpl.dart
(hint)lib/src/flux/DataStore.dart
(hint)lib/src/flux/Dispatcher.dart
(hint)lib/src/flux/Emitter.dart
(hint)lib/src/flux/action.dart
(hint)lib/src/flux/interfaces.dart
(hint)lib/src/flux/mixin.dart
(hint)lib/src/form/components/MaterialFormComponent.dart
(hint)lib/src/formatter/ChooseFormatter.dart
(hint)lib/src/formatter/DecoratorFormatter.dart
(hint)lib/src/formatter/LowerCaseFormatter.dart
(hint)lib/src/formatter/NumberFormatter.dart
(hint)lib/src/formatter/UpperCaseFormatter.dart
(hint)lib/src/formatter/components/MaterialFormatter.dart
(hint)lib/src/formatter/utils/FallbackFormatter.dart
(hint)lib/src/formatter/utils/FormatterPipeline.dart
(hint)lib/src/observable/ObservableList.dart
(hint)lib/src/observable/ObservableProperty.dart
(hint)lib/src/template/MdlTemplateComponent.dart
(hint)lib/src/template/components/MaterialMustache.dart
(hint)lib/src/template/interfaces.dart
(hint)lib/src/template/modules/ListRenderer.dart
(hint)lib/src/template/modules/Renderer.dart
(hint)lib/src/template/modules/TemplateRenderer.dart
(hint)lib/transformer.dart
(hint)
-
The description is too short.
Add more detail about the package, what it does and what is its target use case. Try to write at least 60 characters.
-
Create a short demo in the example/
directory to show how to use this package. Common file name patterns include: main.dart
, example.dart
or you could also use mdl.dart
.
-
Use analysis_options.yaml
.
Rename old .analysis_options
file to analysis_options.yaml
.
Dependencies