Localization
All components are fully localized. In case of the select this covers button copy, rtl and more. You can see how each example shows up by clicking on the small flag icon or checking the examples below.
All settings can be manually overridden See what options the localization impacts →
Demo
Set localization to
html<mbsc-select
[locale]="locale ">
</mbsc-select>
tsimport { locale } from '@mobiscroll/angular';
class myComponent {
public locale = locale ;
}
ComponentTemplate
import { CommonModule } from '@angular/common';
import { Component } from '@angular/core';
import { localeEs, MbscModule, setOptions } from '@mobiscroll/angular';
setOptions({
theme: ' ',
themeVariant: ' '
});
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
standalone: true,
imports: [CommonModule, MbscModule],
})
export class AppComponent {
myData = [
{
text: 'Atlanta',
value: 'atl',
},
{
text: 'Berlin',
value: 'ber',
},
{
text: 'Boston',
value: 'bos',
},
{
text: 'Chicago',
value: 'chi',
},
{
text: 'London',
value: 'lon',
},
{
text: 'Los Angeles',
value: 'la',
},
{
text: 'New York',
value: 'ny',
},
{
text: 'Paris',
value: 'par',
},
{
text: 'San Francisco',
value: 'sf',
},
];
myLocale = localeEs; // Sets the language of the component
}
<mbsc-select
[data]="myData"
label="Select"
display="bottom"
[locale]="myLocale"
inputStyle="outline"
labelStyle="stacked"
placeholder="Please select..."
></mbsc-select>