Created
May 27, 2020 14:09
-
-
Save aaizemberg/d1a5f948f9fecca097395ec151e72f1e to your computer and use it in GitHub Desktop.
probando los componentes de material design ( https://material.io/ )
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>probando los componentes de material</title> | |
| <link href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css" rel="stylesheet"> | |
| <script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script> | |
| <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> | |
| </head> | |
| <body> | |
| <label class="mdc-text-field mdc-text-field--filled" data-mdc-auto-init="MDCTextField"> | |
| <span class="mdc-text-field__ripple"></span> | |
| <input class="mdc-text-field__input" type="text" aria-labelledby="label"> | |
| <span id="label" class="mdc-floating-label">Input text</span> | |
| <span class="mdc-line-ripple"></span> | |
| </label> | |
| <button class="mdc-button foo-button"> | |
| <div class="mdc-button__ripple"></div> | |
| <span class="mdc-button__label">OK</span> | |
| </button> | |
| <script> | |
| window.mdc.autoInit(); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment