angular/aio/content/examples/component-styles/src/app/hero-controls.component.ts

import { Component, Input } from '@angular/core';
import { Hero } from './hero';

// #docregion inlinestyles
@Component({
  selector: 'app-hero-controls',
  template: `
    <style>
      button {
        background-color: white;
        border: 1px solid #777;
      }
    </style>
    <h3>Controls</h3>
    <button (click)="activate()">Activate</button>
  `
})
// #enddocregion inlinestyles
export class HeroControlsComponent {
  @Input() hero!: Hero;

  activate() {
    this.hero.active = true;
  }
}