Home
Input
Default
Preview
JS
Input
()
Label
Preview
JS
enter your name
Input
({label :
'enter your name'
})
Placeholder
Preview
JS
enter your name
Input
({label :
'enter your name'
,
placeholder
:
'write name...'
})
Disabled
Preview
JS
enter your name
Input
({label :
'enter your name'
,
placeholder
:
'write name...'
,
disabled
:
true
})
value
Preview
JS
enter your name
Input
({label :
'enter your name'
,
placeholder
:
'write name...'
,
value
:
'my name'
})
modeling
Preview
JS
name
age
View
({
$data
: {
name
:
''
,
age
:
''
}}, [
Input
({label :
'name'
,
name
:
'name'
,
placeholder
:
'name...'
}),
Input
({label :
'age'
,
name
:
'age'
,
placeholder
:
'age...'
}),
View
({
$text
:
'name'
}),
View
({
$text
:
'age'
}), ]),
modeling and defalut value
Preview
JS
name
defalut name
View
({
$data
: {
name
:
'defalut name'
}},[
Input
({label :
'name'
,
name
:
'name'
,
placeholder
:
'name...'
}),
View
({
$text
:
'name'
}), ]),
modeling and value prop
Preview
JS
name
value_prop value
View
({
$data
: {
name
:
''
}},[
Input
({label :
'name'
,
name
:
'name'
,
placeholder
:
'name...'
,
value
:
'value_prop value'
}),
View
({
$text
:
'name'
}), ]),
modeling and value prop
Preview
JS
name
value_prop name
View
({
$data
: {
name
:
'defalut name'
}},[
Input
({label :
'name'
,
name
:
'name'
,
placeholder
:
'name...'
,
value
:
'value_prop name'
}),
View
({
$text
:
'name'
}), ]),
modeling when data is not defiend
Preview
JS
name
value props given
View
({
$data
: {
age
:
''
}},[
Input
({label :
'name'
,
name
:
'name'
,
placeholder
:
'name...'
,
value
:
'value props given'
}),
View
({
$text
:
'name'
}), ]),
modeling when data is not defiend
Preview
JS
name
value props given
View
({
$data
: {
age
:
''
}},[
Input
({label :
'name'
,
name
:
'name'
,
placeholder
:
'name...'
,}),
View
({
$text
:
'name'
}), ]),
size
Preview
JS
size: sm
size: md
size: lg
size: xl
Input
({
size
:
'sm'
,
label
:
"size: sm"
}),
Input
({
size
:
'md'
,
label
:
"size: md"
}),
Input
({
size
:
'lg'
,
label
:
"size: lg"
}),
Input
({
size
:
'xl'
,
label
:
"size: xl"
}),
Required (add star for label)
Initial Value
Bind Value
Column Width
With Form