Components

KtFieldText

Properties Show plus

Emits Show plus

Slots Show plus

Component

Value: null reset

Code

<KtFieldText
	autoComplete="off"
	formKey="textValue"
	isOptional
	label="Label"
>
	Default Slot
</KtFieldText>

Settings

chevron_down
KtFieldCurrency
KtFieldDate
KtFieldDateRange
KtFieldDateTime
KtFieldDateTimeRange
KtFieldFileUpload
KtFieldFileUploadRemote
KtFieldMultiSelect
KtFieldMultiSelectRemote
KtFieldNumber
KtFieldPassword
KtFieldRadioGroup
KtFieldSingleSelect
KtFieldSingleSelectRemote
KtFieldText
KtFieldTextArea
KtFieldToggle
KtFieldToggleGroup
circle_question
Can be set via KtI18nContext
csv
chevron_down
Kotti.DecimalSeparator.ARABIC_COMMA
Kotti.DecimalSeparator.COMMA
Kotti.DecimalSeparator.DOT
circle_question
Can be set via KtI18nContext
global
chevron_down
English (en-US)
French (fr-FR)
German (de-DE)
Japanese (ja-JP)
Spanish (es-ES)
Ukranian (uk-UA)
chevron_down
Large
Medium (Default)
Small
circle_question
Passed as a validation function: () => ({ type: 'error', message: '' }) or via KtForm.validators
chevron_down
Empty (Default)
Error
Success
Warning
Boolean Flags(Optional)
circle_question
Support Varies
circle_question
Support Varies
circle_question
Support varies

Events

circle_question
Support Varies. Shows a toast in documentation only.
circle_question
Support Varies. Shows a toast in documentation only.
circle_question
Support Varies. Shows a toast in documentation only.

Texts

close
Use #helpText Slot(Optional)
circle_question
Support Varies

Decoration

circle_question
Support Varies
circle_question
Support Varies
circle_question
Support Varies
chevron_down
address_book address_book
announce announce
arrow_down arrow_down
arrow_line arrow_line
arrow_right arrow_right
arrow_up arrow_up
arrow_up_down arrow_up_down
attachment attachment
attention attention
basket basket
bell bell
bookmark bookmark
bookmark_solid bookmark_solid
box_3d box_3d
burger burger
cad cad
calendar calendar
calendar_clock calendar_clock
camera camera
camera_switch camera_switch
card card
catalog catalog
charts charts
check check
chevron_down chevron_down
chevron_down_double chevron_down_double
chevron_left chevron_left
chevron_left_double chevron_left_double
chevron_right chevron_right
chevron_right_double chevron_right_double
chevron_up chevron_up
chevron_up_double chevron_up_double
circle_attention circle_attention
circle_check circle_check
circle_cross circle_cross
circle_i circle_i
circle_load circle_load
circle_minus circle_minus
circle_question circle_question
circle_search circle_search
clock clock
close close
cloud cloud
cloud_download cloud_download
cloud_upload cloud_upload
column_fixleft column_fixleft
column_fixright column_fixright
column_hide column_hide
comment comment
copy copy
csv csv
dashboard dashboard
dimension dimension
doc doc
dots dots
dots_vertical dots_vertical
download download
edit edit
email email
exit_fullscreen exit_fullscreen
eye eye
eye_slashed eye_slashed
file file
filled_circle_check filled_circle_check
filled_circle_cross filled_circle_cross
filled_circle_minus filled_circle_minus
filled_triangle_attention filled_triangle_attention
filter filter
fix_right fix_right
flag flag
folder folder
fullscreen fullscreen
gant_chart gant_chart
global global
heart heart
heart_solid heart_solid
hide_menu hide_menu
home home
idea idea
invoice invoice
json json
kanban kanban
landline landline
layer layer
lightning_bolt lightning_bolt
link link
list list
location location
logout logout
markup markup
material material
minus minus
mobile mobile
not_allow not_allow
not_applicable not_applicable
notes notes
office office
order order
outlink outlink
pdf pdf
permission_locked permission_locked
permission_unlocked permission_unlocked
picture picture
plus plus
print print
printer printer
qr_code qr_code
quote quote
reload reload
report_chart report_chart
request request
save save
scale scale
search search
send send
setting setting
share share
shipping shipping
shop shop
sidebar sidebar
sort_ascend sort_ascend
sort_descend sort_descend
square_solid square_solid
star star
star_solid star_solid
structure structure
support support
tag tag
tech tech
thumb_down thumb_down
thumb_up thumb_up
tile_layout tile_layout
trash trash
triangle_down triangle_down
triangle_left triangle_left
triangle_right triangle_right
triangle_switch triangle_switch
triangle_up triangle_up
upload upload
user user
user_solid user_solid
usergroup usergroup
version version
view view
view_sidebar view_sidebar
zip zip
circle_question
Support Varies
chevron_down
address_book address_book
announce announce
arrow_down arrow_down
arrow_line arrow_line
arrow_right arrow_right
arrow_up arrow_up
arrow_up_down arrow_up_down
attachment attachment
attention attention
basket basket
bell bell
bookmark bookmark
bookmark_solid bookmark_solid
box_3d box_3d
burger burger
cad cad
calendar calendar
calendar_clock calendar_clock
camera camera
camera_switch camera_switch
card card
catalog catalog
charts charts
check check
chevron_down chevron_down
chevron_down_double chevron_down_double
chevron_left chevron_left
chevron_left_double chevron_left_double
chevron_right chevron_right
chevron_right_double chevron_right_double
chevron_up chevron_up
chevron_up_double chevron_up_double
circle_attention circle_attention
circle_check circle_check
circle_cross circle_cross
circle_i circle_i
circle_load circle_load
circle_minus circle_minus
circle_question circle_question
circle_search circle_search
clock clock
close close
cloud cloud
cloud_download cloud_download
cloud_upload cloud_upload
column_fixleft column_fixleft
column_fixright column_fixright
column_hide column_hide
comment comment
copy copy
csv csv
dashboard dashboard
dimension dimension
doc doc
dots dots
dots_vertical dots_vertical
download download
edit edit
email email
exit_fullscreen exit_fullscreen
eye eye
eye_slashed eye_slashed
file file
filled_circle_check filled_circle_check
filled_circle_cross filled_circle_cross
filled_circle_minus filled_circle_minus
filled_triangle_attention filled_triangle_attention
filter filter
fix_right fix_right
flag flag
folder folder
fullscreen fullscreen
gant_chart gant_chart
global global
heart heart
heart_solid heart_solid
hide_menu hide_menu
home home
idea idea
invoice invoice
json json
kanban kanban
landline landline
layer layer
lightning_bolt lightning_bolt
link link
list list
location location
logout logout
markup markup
material material
minus minus
mobile mobile
not_allow not_allow
not_applicable not_applicable
notes notes
office office
order order
outlink outlink
pdf pdf
permission_locked permission_locked
permission_unlocked permission_unlocked
picture picture
plus plus
print print
printer printer
qr_code qr_code
quote quote
reload reload
report_chart report_chart
request request
save save
scale scale
search search
send send
setting setting
share share
shipping shipping
shop shop
sidebar sidebar
sort_ascend sort_ascend
sort_descend sort_descend
square_solid square_solid
star star
star_solid star_solid
structure structure
support support
tag tag
tech tech
thumb_down thumb_down
thumb_up thumb_up
tile_layout tile_layout
trash trash
triangle_down triangle_down
triangle_left triangle_left
triangle_right triangle_right
triangle_switch triangle_switch
triangle_up triangle_up
upload upload
user user
user_solid user_solid
usergroup usergroup
version version
view view
view_sidebar view_sidebar
zip zip
circle_question
Support Varies. Defaults to 'off'.
chevron_down
off
on
<token>
circle_question
A space-separated <token-list> that describes the meaning of the autocompletion value. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values

Additional Props

Additional Slots