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

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

<jqxComboBox [theme]="'material'" #myComboBox style="float: left; margin-top: 270px;"
    [width]="150" height="25" [source]="dataAdapter" [selectedIndex]="0"
    [dropDownVerticalAlignment]="'top'" [dropDownWidth]="200"
    [displayMember]="'ContactName'" [valueMember]="'CompanyName'">
</jqxComboBox>

<div style="float: left; font-size: 13px; font-family: Verdana; margin-left: 100px; margin-top:270px">
    <h3>Alignment</h3>

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

    <jqxRadioButton [theme]="'material'" style="margin-top: 10px" (onChecked)="bottomBtnOnChecked()">
        Bottom
    </jqxRadioButton>

</div>