More Buttons, I think we need "disabled" html attribute implementation
Project: http://git-wip-us.apache.org/repos/asf/flex-asjs/repo Commit: http://git-wip-us.apache.org/repos/asf/flex-asjs/commit/b3435bd6 Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/b3435bd6 Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/b3435bd6 Branch: refs/heads/feature/mdl Commit: b3435bd6996128ccf8f156b375a8b9385e385384 Parents: 5ff75a1 Author: Carlos Rovira <carlosrov...@apache.org> Authored: Sun Oct 16 21:10:10 2016 +0200 Committer: Carlos Rovira <carlosrov...@apache.org> Committed: Wed Oct 26 10:59:07 2016 +0200 ---------------------------------------------------------------------- .../flexjs/MDLExample/src/main/flex/App.mxml | 35 +++++++++++++++++--- 1 file changed, 31 insertions(+), 4 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/b3435bd6/examples/flexjs/MDLExample/src/main/flex/App.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/MDLExample/src/main/flex/App.mxml b/examples/flexjs/MDLExample/src/main/flex/App.mxml index b19b9b4..37e9e6a 100644 --- a/examples/flexjs/MDLExample/src/main/flex/App.mxml +++ b/examples/flexjs/MDLExample/src/main/flex/App.mxml @@ -30,11 +30,38 @@ limitations under the License. <js:initialView> <js:View> - <js:TextButton className="mdl-button mdl-js-button mdl-button--fab mdl-button--colored"> - <i class="material-icons">add</i> - </js:TextButton> + <!-- Buttons https://getmdl.io/components/index.html#buttons-section --> + <js:Container> + <js:beads> + <js:HorizontalLayout /> + </js:beads> + + <js:TextButton className="mdl-button mdl-js-button mdl-button--fab mdl-button--colored"> + <i class="material-icons">add</i> + </js:TextButton> - <mdl:Button/> + <js:TextButton className="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored"> + <i class="material-icons">add</i> + </js:TextButton> + + <!-- Raised button --> + <js:TextButton className="mdl-button mdl-js-button mdl-button--raised" text="BUTTON"/> + <!-- Raised button with ripple --> + <js:TextButton className="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" text="BUTTON"/> + <!-- Raised disabled button ... it seems we don't have "disabled" implemented yet--> + <js:TextButton className="mdl-button mdl-js-button mdl-button--raised" text="BUTTON"/> + + <mdl:Button/> + + </js:Container> + + <!-- Text Fields :: https://getmdl.io/components/index.html#textfields-section --> + <js:Container className="mdl-textfield mdl-js-textfield"> + <js:TextInput className="mdl-textfield__input" id="sample1"/> + <js:Label className="mdl-textfield__label" text="Text..."/> + </js:Container> + + </js:View> </js:initialView> </js:Application>
