Right to left in Angular Radio button component
27 Apr 20241 minute to read
RadioButton component has RTL support. This can be achieved by setting enableRtl
as true
.
The following example illustrates how to enable right-to-left support in RadioButton component.
import { NgModule } from '@angular/core'
import { BrowserModule } from '@angular/platform-browser'
import { RadioButtonModule } from '@syncfusion/ej2-angular-buttons'
import { enableRipple } from '@syncfusion/ej2-base'
import { Component } from '@angular/core';
@Component({
imports: [
RadioButtonModule
],
standalone: true,
selector: 'app-root',
// To customize RadioButton appearance
template: ` <div class="e-section-control">
<ul>
<li><ejs-radiobutton label="Option 1" name="default" enableRtl="true" checked="true"></ejs-radiobutton></li>
<li><ejs-radiobutton label="Option 2" name="default" enableRtl="true"></ejs-radiobutton></li>
</ul>
</div>`
})
export class AppComponent { }
import { bootstrapApplication } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import 'zone.js';
bootstrapApplication(AppComponent).catch((err) => console.error(err));