Para fazer com que a animação do checkbox ao aparecer as informações (This is a placeholder for more information), é necessário adicionar o [@fade] na tag "p" e no app.component.ts é só adicionar o animations. assim:
@Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'], animations: [fade], })