stable css 1.0.1 · js 1.0.0

select-orion

Advanced select (select2-like) as an enhancement of the native <select> — separate component, no collision with the form's .ng-select. Single + multi (chip), local search, groups (optgroup), rich options (Phosphor icon + sublabel), placeholder, clear, ARIA combobox/listbox, native submit, optional sync via ng_state. No innerHTML (anti-XSS).

Component info

Nameselect-orion
Typecss+js
Versioncss 1.0.1 · js 1.0.0
Statusstable
CSS/assets/css/components/_ng_select_orion.scss
JS/assets/js/ng_select_orion.js

Classes

.ng-chip.ng-overlay-body.ng-select.ng-select-orion.ng-select-orion-.ng-select-orion-body.ng-select-orion-caret.ng-select-orion-clear.ng-select-orion-control.ng-select-orion-group.ng-select-orion-icon.ng-select-orion-item.ng-select-orion-label.ng-select-orion-lg.ng-select-orion-menu.ng-select-orion-native.ng-select-orion-search.ng-select-orion-search-input.ng-select-orion-sm.ng-select-orion-status.ng-select-orion-sublabel.ng-select-orion-value

Tokens

--ng-input-padding-x--ng-input-padding-y--ng-selor-group-color--ng-selor-icon-color--ng-selor-item-active-bg--ng-selor-item-gap--ng-selor-item-hover-bg--ng-selor-item-padding-x--ng-selor-item-padding-y--ng-selor-item-selected-color--ng-selor-menu-bg--ng-selor-menu-border--ng-selor-menu-max-h--ng-selor-menu-radius--ng-selor-menu-shadow--ng-selor-placeholder--ng-selor-sublabel-color--ng-selor-z