jqwidgets-scripts-custom/demos/Angular/combobox/animation/src/app/app.component.html

jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<div id='selectionlog'>
    <h3>Animation Type</h3>

    <jqxRadioButton [theme]="'material'" (onChecked)="noneAnimationOnChecked()">
        None
    </jqxRadioButton>

    <jqxRadioButton [theme]="'material'" (onChecked)="slideAnimationOnChecked()">
        Slide
    </jqxRadioButton>

    <jqxRadioButton [theme]="'material'" (onChecked)="fadeAnimationOnChecked()" 
        [checked]="true">
        Fade
    </jqxRadioButton>

</div>

<jqxComboBox [theme]="'material'" #myComboBox
    [width]="150" [height]="30" [source]="dataAdapter" [selectedIndex]="0"
    [animationType]="'fade'" [dropDownHorizontalAlignment]="'right'"
    [displayMember]="'ContactName'" [valueMember]="'CompanyName'">
</jqxComboBox>