Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
import { Component } from '@angular/core';
@Component({
selector: 'app-menu',
template: `
<ul>
<li><a routerLink="firstComponent">First component</a></li>
<li><a routerLink="secondComponent">Second component</a></li>
</ul>
`,
styles: [`
:host {margin: 0; padding: 0}
ul {list-style-type: none; padding: 0;}
li {display: inline-block;}
a {
border: 1px solid #666666;
background: #aaaaaa; border-radius: 5px;
box-shadow: 1px 1px 5px black;
color: white;
font-weight: bold;
padding: 5px;
text-decoration: none;
}
li + li a {margin-left: 20px;}
`]
})
export class MenuComponent {}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.