aboutsummaryrefslogtreecommitdiffstats
path: root/src/angular/form-elements/radios/radio-buttons-group.component.html.ts
diff options
context:
space:
mode:
Diffstat (limited to 'src/angular/form-elements/radios/radio-buttons-group.component.html.ts')
-rw-r--r--src/angular/form-elements/radios/radio-buttons-group.component.html.ts20
1 files changed, 20 insertions, 0 deletions
diff --git a/src/angular/form-elements/radios/radio-buttons-group.component.html.ts b/src/angular/form-elements/radios/radio-buttons-group.component.html.ts
new file mode 100644
index 0000000..28a27af
--- /dev/null
+++ b/src/angular/form-elements/radios/radio-buttons-group.component.html.ts
@@ -0,0 +1,20 @@
+export default `
+<label class='sdc-radio-group__legend'>{{legend}}</label>
+<div class='sdc-radio-group__radios {{direction}}'>
+ <template *ngFor="let item of options.items">
+ <div class="sdc-radio">
+ <label class="sdc-radio__animation-wrapper" SdcRippleClickAnimation [rippleClickDisabled]="disabled">
+ <input class="sdc-radio__input"
+ type="radio"
+ name="{{item.name}}"
+ value="{{item.value}}"
+ disabled="{{disabled || item.disabled || false}}"
+ (change)="onValueChanged(item.value)"
+ [(ngModel)]="value"
+ />
+ <span class="sdc-radio__label">{{ item.label }}</span>
+ </label>
+ </div>
+ </template>
+</div>
+`;