Basic Setup on existing project

[Pierre]

HI, I try to add Kendo Angular on my Angular13 project. 

last time I do that was in a erlier version of Kendo, but now everyting is different.

On my home page I just add some Kendo test component Button, ComboBox, DropDown.

First I add dependency manually

npm install --save @progress/kendo-angular-dropdowns @progress/kendo-angular-l10n @progress/kendo-angular-popup @progress/kendo-angular-treeview @progress/kendo-angular-inputs @progress/kendo-angular-intl @progress/kendo-drawing @progress/kendo-angular-common @progress/kendo-licensing

then I add the  default theme

# Default theme
npm install --save @progress/kendo-theme-default

 then I add my licence and activated it

npx kendo-ui-license activate

Now In my home module I add these import:

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

then Add the componement

<button kendoButton>Browse</button>
               
<div class="example-wrapper">
     <p>T-shirt size:</p>
     <kendo-dropdownlist [data]="listItems"> </kendo-dropdownlist>
     <p>Test</p>
     <kendo-combobox [data]="listItems" [allowCustom]="allowCustom"></kendo-combobox>
</div>       

No errors, but something is missing the component do not draw itself correctly. 

For example, the drop-down list appears on the upper left screen and all visual aspect are missing. (no border, no arrow, etc.)

We use actively Tailwind in this application. CSS conflict from Kendo Vs Tailwind?

Any idea?

[Pierre]

My bad! I forgot to add the SCSS import. 

I found the information in the Styling Kendo.