Skip to content

Instantly share code, notes, and snippets.

@aaizemberg

aaizemberg/index.html

Created May 27, 2020 14:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save aaizemberg/d1a5f948f9fecca097395ec151e72f1e to your computer and use it in GitHub Desktop.
Save aaizemberg/d1a5f948f9fecca097395ec151e72f1e to your computer and use it in GitHub Desktop.
Download ZIP
probando los componentes de material design ( https://material.io/ )
Raw
index.html
<!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