Generate a my-nav Component

web-dave / angular-essentials-workshop

2 stars 0 forks source link

Generate a my-nav Component #4

Open web-dave opened 2 years ago

web-dave commented 2 years ago

Generate a nav component with angular-cli
Use this new nav component in the appComponent view

web-dave commented 2 years ago

generate

```sh ng g c top-nav ```

top-nav.component.html

```html

Books
About

```

top-nav.component.scss

```scss ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; li { float: left; } a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; &:hover:not(.active) { background-color: #111; } &.active { background-color: #4caf50; } } } ```

web-dave commented 2 years ago