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/1979ddf4
Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/1979ddf4
Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/1979ddf4

Branch: refs/heads/feature/mdl
Commit: 1979ddf4723a247fa37ff91534958bd4e622f323
Parents: cb81978
Author: Carlos Rovira <carlosrov...@apache.org>
Authored: Sun Oct 16 21:10:10 2016 +0200
Committer: Carlos Rovira <carlosrov...@apache.org>
Committed: Wed Oct 19 00:51:15 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/1979ddf4/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>

Reply via email to