docs: add camelCase example to style notation (#40699)

PR Close #40699
2021-02-03 23:56:53 -07:00
parent 8945d7c7c1
commit 72db3e8d54
2 changed files with 27 additions and 2 deletions
@@ -0,0 +1,14 @@
+@Component({
+  selector: 'app-nav-bar',
+  template: `
+<nav [style]='navStyle'>
+  <a [style.text-decoration]="activeLinkStyle">Home Page</a>
+  <a [style.text-decoration]="linkStyle">Login</a>
+</nav>`
+})
+export class NavBarComponent {
+  navStyle = 'font-size: 1.2rem; color: cornflowerblue;';
+  linkStyle = 'underline';
+  activeLinkStyle = 'overline';
+  /* . . . */
+}