jqwidgets-framework
Version:
jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.
69 lines (65 loc) • 1.76 kB
text/typescript
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: 'app.component.html'
})
export class AppComponent {
template: Array<jqwidgets.FormTemplateItem> = [
{
bind: 'item1',
type: 'text',
label: 'Input left alignment',
align: 'left',
labelWidth: '160px',
width: '160px'
},
{
bind: 'item2',
type: 'text',
label: 'Input center alignment',
align: 'center',
labelWidth: '160px',
width: '160px'
},
{
bind: 'item3',
type: 'text',
label: 'Input right alignment',
align: 'right',
labelWidth: '160px',
width: '160px'
},
{
bind: 'item4',
type: 'text',
label: 'Label left alignment',
labelAlign: 'left',
labelWidth: '160px',
width: '160px'
},
{
bind: 'item5',
type: 'text',
label: 'Label center alignment',
labelAlign: 'center',
labelWidth: '160px',
width: '160px'
},
{
bind: 'item6',
type: 'text',
label: 'Label right alignment',
labelAlign: 'right',
labelWidth: '160px',
width: '160px'
}
];
sampleValue: any = {
item1: 'left aligned',
item2: 'center aligned',
item3: 'right aligned',
item4: 'left aligned',
item5: 'left aligned',
item6: 'left aligned'
};
}