Kendo UI for Angular: Can't bind to 'primary' since it isn't a known property of 'button'

Question

I get this error message:

Can't bind to 'primary' since it isn't a known property of 'button'.

I am using the yo aspnetcore-spa angular generator. BrowserAnimationsModule and ButtonsModule are imported in my app.module and registered in imports. All my angular and kendo packages are latest versions.

In addition, when I remove [primary]="true" from <button>, the error goes away. After that, I add [primary]="true" again and (without refreshing the page, HMR rebuilds) it works fine. And again, if I refresh the page the error comes back again.

Any solution?

Thanks in advance.

Answer 1

Primary doesnt require brackets around it despite their example saying it does. Try:

<button kendoButton primary="true">Primary</button>

Answer 2

Make sure you are importing the ButtonsModule in your module

import { ButtonsModule } from '@progress/kendo-angular-buttons';

@NgModule({
  declarations: [ButtonComponent],
  imports: [ButtonsModule],
  exports: [ButtonComponent]
})