Theme customization

You can customize some styles using the following css variables

Examples

Basic select without form with keyboard listener to move between options

Template Driven Example


Disabled select

Form value: {{ templateDrivenForm.value | json }}

Form status: {{ templateDrivenForm.disabled ? 'DISABLED' : templateDrivenForm.valid ? 'VALID' : 'INVALID' }}

Model Driven / Reactive Example



Form value: {{ reactiveForm.value | json }}

Form status: {{ reactiveForm.status | json }}

Template Driven Example

Search Option Example

Scroll with spinner option

Without form