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/0e86ee56 Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/0e86ee56 Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/0e86ee56 Branch: refs/heads/feature/mdl Commit: 0e86ee56b051945373b6e7f3de7cb595ddc9b935 Parents: 3fe3c08 Author: Carlos Rovira <carlosrov...@apache.org> Authored: Sun Oct 16 21:10:10 2016 +0200 Committer: Carlos Rovira <carlosrov...@apache.org> Committed: Sun Nov 6 02:28:52 2016 +0100 ---------------------------------------------------------------------- .../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/0e86ee56/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>