66 lines
1.7 KiB
JavaScript
66 lines
1.7 KiB
JavaScript
|
|
||
|
|
export const props = {
|
||
|
|
|
||
|
|
login: { _component:"components/login" },
|
||
|
|
|
||
|
|
form: {
|
||
|
|
_component: "components/form",
|
||
|
|
formControls: [
|
||
|
|
{
|
||
|
|
control: {
|
||
|
|
_component: "components/textbox"
|
||
|
|
},
|
||
|
|
label:"First Name"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
control: {
|
||
|
|
_component: "components/textbox"
|
||
|
|
},
|
||
|
|
label:"Last Name"
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
|
||
|
|
grid: {
|
||
|
|
_component: "components/grid",
|
||
|
|
gridTemplateColumns: "[left] auto [center] auto [right] auto",
|
||
|
|
gridTemplateRows: "[top] auto [middle] auto [bottom] auto",
|
||
|
|
children : [
|
||
|
|
{
|
||
|
|
control: {
|
||
|
|
_component: "components/text",
|
||
|
|
value: "1",
|
||
|
|
background: "blue",
|
||
|
|
textAlign:"center",
|
||
|
|
color: "white"
|
||
|
|
},
|
||
|
|
gridColumn: "left",
|
||
|
|
gridRow: "top"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
control: {
|
||
|
|
_component: "components/text",
|
||
|
|
value: "2",
|
||
|
|
background: "red",
|
||
|
|
textAlign:"center",
|
||
|
|
color: "white",
|
||
|
|
padding: "10px"
|
||
|
|
},
|
||
|
|
gridColumn: "center",
|
||
|
|
gridRow: "middle"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
control: {
|
||
|
|
_component: "components/text",
|
||
|
|
value: "3",
|
||
|
|
background: "yellow",
|
||
|
|
textAlign:"center",
|
||
|
|
color: "black"
|
||
|
|
},
|
||
|
|
gridColumn: "right",
|
||
|
|
gridRow: "bottom"
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
|
||
|
|
}
|