Skip to content

Text Field

Text field is a component for entering text strings.

Properties

UI Dialog

ItemInput valueOptionDefault value
IDstringautomatic
LabelstringText Field
Widthstring222
Heightstring55
Xstring
Ystring
Variantoption
  • OUTLINED
  • FILLED
  • STANDARD
  • OUTLINED
    Colorstring
    color picker
    Background Colorstring
    color picker
    Label Colorstring
    color picker
    Input Colorstring
    color picker
    Disabledboolean
  • on
  • off
  • off
    Read Onlyboolean
  • on
  • off
  • off
    Requiredboolean
  • on
  • off
  • off
    Visibilityboolean
  • on
  • off
  • off
    Input Adornments Positionoptions
  • none
  • start
  • end
  • none
    Input Adornmentsstring
    Input TypeSelection
  • Any
  • Phone
  • Email
  • Any
    Country CodeSelectionJapan
    Placeholderstring
    Helper Textstring
    Input Error MessagesstringYour input is incomplete
    Eventoption
  • NONE
  • ACTION
  • NONE
    Valuestring

    Action

    項目PropertiesData TypeOptionsDefault value
    IDidstringautomatic
    LabellabelstringText Field
    Widthwidthstring222
    Heighthightstring55
    Xxstring
    Yystring
    Variantvariantstring
  • outlined
  • filled
  • standard
  • outlined
    Colorcolorstring
    Background ColorbackgroundColorstring
    Label ColorlabelColorstring
    Input ColorinputColorstring
    Disableddisabledboolean
  • true
  • false
  • false
    Read OnlyreadOnlyboolean
  • true
  • false
  • false
    Requiredrequiredboolean
  • true
  • false
  • false
    Visibilityvisibilityboolean
  • true
  • false
  • true
    Input Adornments PositioninputAdornmentsPositionstring
  • none
  • start
  • end
  • none
    Input AdornmentsinputAdornmentsstring
    Input TypeinputTypestring
  • any
  • phone
  • email
  • Any
    Country CodecountryCodestringJA
    Placeholderplaceholderstring
    Helper TexthelperTextstring
    Input Error MessagesinputErrorMessagestring
    Valuevaluestring
    Errorerrorboolean

    Tips

    Event

    Event nameDescription
    onchangeOccurs when a value change is made and the cursor is moved out of the way.