Currently, the styles for validation messages are hosted in another component
Please use <md-colors></md-colors> in your main view to use colors.
This will be refactored.
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Dumber Gist</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"> | |
| <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet"> | |
| <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> | |
| <base href="/"> | |
| </head> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Dumber Gist</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"> | |
| <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet"> | |
| <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> | |
| <base href="/"> | |
| </head> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Dumber Gist</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"> | |
| <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet"> | |
| <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> | |
| <base href="/"> | |
| </head> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Dumber Gist</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"> | |
| <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet"> | |
| <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> | |
| <base href="/"> | |
| </head> |
| <template> | |
| <ul> | |
| <li>Standard Namespace: <span tr="standard:hello">pl</span></li> | |
| <li>Custom Namespace: <span tr="custom:hello">pl</span></li> | |
| </ul> | |
| <button click.trigger="changeLocale('de')">de</button> | |
| <button click.trigger="changeLocale('en')">en</button> |
| <template> | |
| <require from="tbind.js"></require> | |
| <h1>${message}</h1> | |
| <h2>${prop}</h2> | |
| <div>${'val1' & t}</div> | |
| <div>${'val1' & t}</div> | |
| <div>${'val1' & t}</div> | |
| <hr/> | |
| <div> | |
| <compose containerless view.bind="'custom-view.html'"></compose> |
| <template> | |
| <h1>${message}</h1> | |
| </template> |