CoreUI Angular Logo
Framework:
  • JavaScript / Vanilla JS
  • React.js
  • Vue.js
Getting startedIntroductionSupport CoreUICustomizeSassOptionsCSS VariablesLayoutBreakpointsContainersGridColumnsGuttersFormsOverviewDate PickerPRODate Range PickerPROForm ControlSelectMulti SelectPROChecks & RadiosPassword InputPRORangeRange SliderPRORatingPROStepperPROInput GroupFloating LabelsLayoutTime PickerPROValidationComponentsAccordionAlertAvatarBadgeBreadcrumbButtonButton GroupCalendarPROCalloutCardCarouselClose buttonCollapseDropdownFooterHeaderImageList GroupLoading ButtonPROModalNavNavbarOffcanvasPaginationPlaceholderPopoverProgressSmart PaginationPROSmart TablePROSidebarSpinnerTableTabsNewToastTooltipWidgetsIconsChartsTemplatesNewAdmin & DashboardDownloadInstallationCustomizeContentMigrationv4 → v5v3 → v4Angular version


DownloadHire UsGet CoreUI PRO
On this page

Angular Select Component

Angular Select directive. Customize the native `select` with custom CSS that changes initial element appearance.

Examples

Loading...
Loading...

Sizing

You may also choose from small and large custom selects to match our similarly sized text inputs.

Loading...
Loading...

Select Multiple

The multiple attribute is also supported:

Loading...
Loading...

Html Size

As is the html size property:

Loading...
Loading...

Disabled

Add the disabled boolean attribute on a select to give it a grayed out appearance and remove pointer events.

Loading...
Loading...

API reference

Form Module


cSelect

directive

Inputs
name description type default
sizing Size the label small or large. sm | lg undefined
valid Sets select validation state to valid. boolean undefined
  • GitHub
  • Twitter
  • Support
  • CoreUI (Vanilla)
  • CoreUI for React.js
  • CoreUI for Vue.js

CoreUI for Angular is Open Source UI Components Library for Angular.

Currently v5.5.2 Code licensed MIT , docs CC BY 3.0 .
CoreUI PRO requires a commercial license.