MTextInputStyle

Flow Wiki

MTextInputStyle

• MWidth
  

  • width : double
    

• MLabel
  Label in empty input
  

  • label : string
    

• MThemeColor
  

  • MColor
    https://www.google.com/design/spec/style/color.html#color-color-palette
    To construct a color, use one of the functions below
    

    • color : MColorName
      
    • shade : int
      
    • accent : bool
      

  • MPrimaryColor
    

  • MPrimaryVariantColor
    

  • MSecondaryColor
    

  • MSecondaryVariantColor
    

  • MBackgroundColor
    

  • MSurfaceColor
    

  • MToolbarColor
    

  • MErrorColor
    

  • MOnPrimaryColor
    

  • MOnSecondaryColor
    

  • MOnBackgroundColor
    

  • MOnSurfaceColor
    

  • MOnToolbarColor
    

  • MOnErrorColor
    

  • MContrastingTextColor
    

    • background : MThemeColor
      

  • MThemedColor
    

    • light : MColor
      
    • dark : MColor
      

• TextInputType
  

• AutoCompleteType
  

• Multiline
  

• MMaxLines
  Sets height of the box if input is multiline
  Calculates height by the content if lines parameter equals 0 or -1 (affects MTextInput only)
  If lines parameter < -1, calculates height by the content but limits its height to abs(lines parameter) lines (no limits for MEllipsisText)
  For example, with MMaxLines(-4) input height can grow from 1 up to 4 lines
  

  • lines : int
    

• ReadOnly
  

• MaxChars
  

• MShowMaxChars
  Hides max chars info below the input
  

  • show : bool
    

• PasswordMode
  

• WordWrap
  

• AutoAlign
  

• MFloatingLabel
  Move the label above the input on focus
  

• MDynamicSize
  Height of input changes corresponding to the floating label and error visibility.
  

• MShowUnderline
  Show or hide line below input (Works with MTextInput and MAutoComplete)
  

  • show : bool
    

• MLeftIcon
  Left icon
  See MShowLeftButton for action button
  

  • icon : string
    
  • style : [ MIconStyle ]
    

• MShowLeftButton
  Show left button. Intended for MAutoComplete.
  

  • show : bool
    

• MLeftCustomButton
  Left button
  

  • closed : Material
    
  • open : Material
    
  • inputIndent : double
    

• MShowClearIcon
  Show clear icon on focus and/or on hover
  

  • onFocus : bool
    
  • onHover : bool
    

• MShowDropDownArrow
  Dropdown arrow on the right
  

  • show : bool
    

• MShowEditIcon
  Show edit icon
  

  • enabled : bool
    

• MCustomTextStyle
  Custom size and color, use MCustomFont for custom fontfamilies and opacities.
  

  • style : [ MTextStyle ]
    

• MDynamicTextStyle
  

  • style : Transform<[ MTextStyle ]>
    

• MLabelTextStyle
  Text style of MLabel
  

  • style : [ MTextStyle ]
    

• MInputFontPadding
  Padding of the font inside input field
  

  • padding : double
    

• MCondensed
  Style for slimmer rows (height = 32 dp)
  

  • condensed : bool
    

• MFilterAction
  Action on enter or selecting of suggested result
  

  • action : (string) -> void
    

• MInputBorders
  Borders of the input box
  textInput/smallEdit : (0., if (hasFloatingLabel) {if (condensed) 20. else 28.} else {if (condensed) 12. else 16.}, 0.,
  if (condensed) 12. else 16.)
  autocomplete : (8., if (hasFloatingLabel) {if (condensed) 20. else 28.} else {if (condensed) 12. else 16.}, 8.,
  if (condensed) 12. else 16.)
  

  • start : double
    
  • top : double
    
  • end : double
    
  • bottom : double
    

• MMaxHeight
  

  • height : double
    

• MEditDialog
  Make input in dialog, added to MSmallEditDialog by default
  

• MElevation
  Elevation on focus (8. by default)
  

  • elevation : Transform<double>
    

• MInputBackgroundStyle
  Input background, empty for inputs without popups
  

  • normal : [ TGraphicsStyle ]
    
  • focused : [ TGraphicsStyle ]
    

• MNativeInput
  Set useNativeInput to false for input field written using forms (true by default)
  Intended only for cpp, in js can't recognize capslock state
  Also you can set "nativeInputs" url parameter to 0
  

  • useNativeInput : bool
    

• MHaveBeenFocused
  Intended for using with MInputError only
  

  • focused : DynamicBehaviour<bool>
    

• MUnderlineUnfocusedStyle
  Style of the disabled underline
  

  • style : [ GraphicsStyle ]
    

• MNumericStep
  Sets step to increase/decrease value into numeric type textinput
  

  • step : Transform<double>
    

• MIconSize
  Width and height of the icon
  24px by default
  

  • size : double
    

• MIconButtonBorder
  Inner borders of the button
  Half the size of the icon by default
  

  • border : double
    

• MTextInputScrollStyle
  scroll style when text is in preview mode
  

  • style : [ MScrollStyle ]
    

• MFloatingLabelStyle
  

  • style : [ MTextStyle ]
    

• MFilled
  

• MOutlined