kvision-material/io.kvision.material.textfield/MdFilledTextField

MdFilledTextField

open class MdFilledTextField(disabled: Boolean = false, error: Boolean = false, errorText: String? = null, label: String? = null, required: Boolean = false, value: String? = null, prefixText: String? = null, suffixText: String? = null, supportingText: String? = null, rows: Int = 2, cols: Int = 20, inputMode: TextFieldInputMode? = null, max: TextFieldRangeConstraint? = null, maxLength: Int = -1, min: TextFieldRangeConstraint? = null, minLength: Int = -1, pattern: String? = null, placeholder: String? = null, readOnly: Boolean = false, multiple: Boolean = false, step: Number? = null, type: TextFieldInputType = TextFieldInputType.Text, autoComplete: Autocomplete? = null, name: String? = null, validationMessage: String? = null, className: String? = null, init: MdFilledTextField.() -> Unit? = null) : MdTextField(source)

Filled text field type.

Author

Maanrifa Bacar Ali

Constructors

MdFilledTextField

constructor(disabled: Boolean = false, error: Boolean = false, errorText: String? = null, label: String? = null, required: Boolean = false, value: String? = null, prefixText: String? = null, suffixText: String? = null, supportingText: String? = null, rows: Int = 2, cols: Int = 20, inputMode: TextFieldInputMode? = null, max: TextFieldRangeConstraint? = null, maxLength: Int = -1, min: TextFieldRangeConstraint? = null, minLength: Int = -1, pattern: String? = null, placeholder: String? = null, readOnly: Boolean = false, multiple: Boolean = false, step: Number? = null, type: TextFieldInputType = TextFieldInputType.Text, autoComplete: Autocomplete? = null, name: String? = null, validationMessage: String? = null, className: String? = null, init: MdFilledTextField.() -> Unit? = null)

Properties

alignContent

open var alignContent: AlignContent?

alignItems

open var alignItems: AlignItems?

alignSelf

open var alignSelf: AlignItems?

autoComplete

var autoComplete: Autocomplete?

Describes what, if any, type of autocomplete functionality the input should provide. https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete

background

open var background: Background?

border

open var border: Border?

borderBottom

open var borderBottom: Border?

borderLeft

open var borderLeft: Border?

borderRadius

open var borderRadius: CssSize?

borderRadiusList

open var borderRadiusList: List<CssSize>?

borderRight

open var borderRight: Border?

borderTop

open var borderTop: Border?

bottom

open var bottom: CssSize?

boxShadow

open var boxShadow: BoxShadow?

boxShadowList

open var boxShadowList: List<BoxShadow>?

clear

open var clear: Clear?

color

open var color: Color?

colorHex

open var colorHex: Int?

colorName

open var colorName: Col?

cols

var cols: Int

The number of cols to display for a TextFieldInputType.TextArea text field.

cursor

open var cursor: Cursor?

disabled

var disabled: Boolean

Whether or not the widget is disabled.

display

open var display: Display?

draggable

var draggable: Boolean?

error

var error: Boolean

Gets or sets whether or not the text field is in a visually invalid state. This error state overrides the error state controlled by reportValidity.

errorText

var errorText: String?

The error message that replaces supporting text when error is true. If errorText is an empty string, then the supporting text will continue to show. This error message overrides the error message displayed by reportValidity.

eventTarget

var eventTarget: Widget?

flexBasis

open var flexBasis: CssSize?

flexDirection

open var flexDirection: FlexDirection?

flexGrow

open var flexGrow: Int?

flexShrink

open var flexShrink: Int?

flexWrap

open var flexWrap: FlexWrap?

float

open var float: PosFloat?

fontFamily

open var fontFamily: String?

fontSize

open var fontSize: CssSize?

fontStyle

open var fontStyle: FontStyle?

fontVariant

open var fontVariant: FontVariant?

fontWeight

open var fontWeight: FontWeight?

form

val form: HTMLFormElement?

The associated form element with which this element's value will submit.

gridArea

open var gridArea: String?

gridAutoColumns

open var gridAutoColumns: String?

gridAutoFlow

open var gridAutoFlow: GridAutoFlow?

gridAutoRows

open var gridAutoRows: String?

gridColumnEnd

open var gridColumnEnd: String?

gridColumnGap

open var gridColumnGap: Int?

gridColumnStart

open var gridColumnStart: Int?

gridRowEnd

open var gridRowEnd: String?

gridRowGap

open var gridRowGap: Int?

gridRowStart

open var gridRowStart: Int?

gridTemplateAreas

open var gridTemplateAreas: List<String>?

gridTemplateColumns

open var gridTemplateColumns: String?

gridTemplateRows

open var gridTemplateRows: String?

height

open var height: CssSize?

var id: String?

inputMode

var inputMode: TextFieldInputMode?

Hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard. https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode

justifyContent

open var justifyContent: JustifyContent?

justifyItems

open var justifyItems: JustifyItems?

justifySelf

open var justifySelf: JustifyItems?

kvscope

var kvscope: dynamic

label

var label: String?

Label of the text field.

labels

val labels: NodeList?

The labels this element is associated with.

left

open var left: CssSize?

letterSpacing

open var letterSpacing: CssSize?

lineBreak

open var lineBreak: LineBreak?

lineHeight

open var lineHeight: CssSize?

listStyle

open var listStyle: ListStyle?

margin

open var margin: CssSize?

marginBottom

open var marginBottom: CssSize?

marginLeft

open var marginLeft: CssSize?

marginRight

open var marginRight: CssSize?

marginTop

open var marginTop: CssSize?

max

var max: TextFieldRangeConstraint?

Defines the greatest value in the range of permitted values. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max

maxHeight

open var maxHeight: CssSize?

maxLength

var maxLength: Int

The maximum number of characters a user can enter into the text field. Set to -1 for none. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength

maxWidth

open var maxWidth: CssSize?

min

var min: TextFieldRangeConstraint?

Defines the most negative value in the range of permitted values. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min

minHeight

open var minHeight: CssSize?

minLength

var minLength: Int

The minimum number of characters a user can enter into the text field. Set to -1 for none. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength

minWidth

open var minWidth: CssSize?

multiple

var multiple: Boolean

Indicates that input accepts multiple email addresses. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/email#multiple

name

var name: String?

The name to use in form submission.

opacity

open var opacity: Double?

order

open var order: Int?

outline

open var outline: Outline?

overflow

open var overflow: Overflow?

overflowWrap

open var overflowWrap: OverflowWrap?

overflowX

open var overflowX: Overflow?

overflowY

open var overflowY: Overflow?

padding

open var padding: CssSize?

paddingBottom

open var paddingBottom: CssSize?

paddingLeft

open var paddingLeft: CssSize?

paddingRight

open var paddingRight: CssSize?

paddingTop

open var paddingTop: CssSize?

parent

open override var parent: Container?

pattern

var pattern: String?

A regular expression that the text field's value must match to pass constraint validation. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#pattern

placeholder

var placeholder: String?

Defines the text displayed in a form control when the text field has no value. https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/placeholder

popoverHooksActive

var popoverHooksActive: Boolean

popoverOptions

var popoverOptions: dynamic

position

open var position: Position?

prefixText

var prefixText: String?

An optional prefix to display before the input value.

readOnly

var readOnly: Boolean

Indicates whether or not a user should be able to edit the text field's value. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#readonly

required

var required: Boolean

Indicates that the component must provides a valid value when participating in form submission.

resize

open var resize: Resize?

right

open var right: CssSize?

role

var role: String?

rows

var rows: Int

The number of rows to display for a TextFieldInputType.TextArea text field.

selectionDirection

var selectionDirection: TextFieldSelectionDirection?

The direction in which selection occurred.

selectionEnd

var selectionEnd: Int?

The end position or offset of a text selection.

selectionStart

var selectionStart: Int?

The starting position or offset of a text selection.

step

var step: Number?

Returns or sets the element's step attribute, which works with min and max to limit the increments at which a numeric or date-time value can be set. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#step

suffixText

var suffixText: String?

An optional suffix to display after the input value.

supportingText

var supportingText: String?

Conveys additional information below the text field, such as how it should be used.

tabindex

var tabindex: Int?

textAlign

open var textAlign: TextAlign?

textDecoration

open var textDecoration: TextDecoration?

textDirection

open var textDirection: Direction?

textIndent

open var textIndent: CssSize?

textOverflow

open var textOverflow: TextOverflow?

textShadow

open var textShadow: TextShadow?

textTransform

open var textTransform: TextTransform?

title

var title: String?

tooltipHooksActive

var tooltipHooksActive: Boolean

tooltipOptions

var tooltipOptions: dynamic

top

open var top: CssSize?

transition

open var transition: Transition?

transitionList

open var transitionList: List<Transition>?

type

var type: TextFieldInputType

The type to use, defaults to "text". The type greatly changes how the text field behaves.

unicodeBidi

open var unicodeBidi: UnicodeBidi?

validationMessage

val validationMessage: String?

Message to display when the component value is not valid.

validity

val validity: ValidityState?

Gets the element's current validity state.

value

var value: String

The value that is submitted to the form.

valueAsDate

var valueAsDate: Date?

The text field's value as a Date.

valueAsNumber

var valueAsNumber: Number?

The text field's value as a number.

verticalAlign

open var verticalAlign: VerticalAlign?

visible

open override var visible: Boolean

whiteSpace

open var whiteSpace: WhiteSpace?

width

open var width: CssSize?

willValidate

val willValidate: Boolean

Indicates that the element is a candidate for constraint validation.

wordBreak

open var wordBreak: WordBreak?

wordSpacing

open var wordSpacing: CssSize?

zIndex

open var zIndex: Int?

Functions

addAfterCreateHook

open override fun addAfterCreateHook(hook: (VNode) -> Unit): Boolean

addAfterDestroyHook

open override fun addAfterDestroyHook(hook: () -> Unit): Boolean

addAfterInsertHook

open override fun addAfterInsertHook(hook: (VNode) -> Unit): Boolean

addBeforeDisposeHook

open override fun addBeforeDisposeHook(hook: () -> Unit): Boolean

addCssClass

open override fun addCssClass(css: String)

addCssStyle

open override fun addCssStyle(css: Style)

addSurroundingCssClass

open override fun addSurroundingCssClass(css: String)

addSurroundingCssStyle

open override fun addSurroundingCssStyle(css: Style)

blur

open fun blur()

checkValidity

fun checkValidity(): Boolean

Indicates the validity of the value of the element. If the value is invalid, this method also fires the invalid event on the element.

clearAfterCreateHooks

open override fun clearAfterCreateHooks()

clearAfterDestroyHooks

open override fun clearAfterDestroyHooks()

clearAfterInsertHooks

open override fun clearAfterInsertHooks()

clearBeforeDisposeHooks

open override fun clearBeforeDisposeHooks()

clearDragDropData

open fun clearDragDropData()

clearParent

open override fun clearParent()

dispatchEvent

open fun dispatchEvent(type: String, eventInitDict: CustomEventInit): Boolean?

dispose

open override fun dispose()

focus

open fun focus()

getAttribute

open override fun getAttribute(name: String): String?

getElement

open override fun getElement(): HTMLElement?

getElementD

open override fun getElementD(): dynamic

getRoot

open override fun getRoot(): Root?

getSnStyle

open fun getSnStyle(): dynamic

getStyle

fun getStyle(name: String): String?

hasCssClass

open override fun hasCssClass(css: String): Boolean

hide

open fun hide()

leading

open override fun leading(component: Component?)

leadingIcon

fun HasLeadingSlot.leadingIcon(name: String): MdIcon

Sets the icon identified by name to the leading slot.

refresh

open override fun refresh()

removeAfterCreateHook

open override fun removeAfterCreateHook(hook: (VNode) -> Unit): Boolean

removeAfterDestroyHook

open override fun removeAfterDestroyHook(hook: () -> Unit): Boolean

removeAfterInsertHook

open override fun removeAfterInsertHook(hook: (VNode) -> Unit): Boolean

removeAttribute

open override fun removeAttribute(name: String)

removeBeforeDisposeHook

open override fun removeBeforeDisposeHook(hook: () -> Unit): Boolean

removeCssClass

open override fun removeCssClass(css: String)

removeCssStyle

open override fun removeCssStyle(css: Style)

removeEventListener

open fun removeEventListener(id: Int)

removeEventListeners

open fun removeEventListeners()

removeStyle

fun removeStyle(name: String)

removeSurroundingCssClass

open override fun removeSurroundingCssClass(css: String)

removeSurroundingCssStyle

open override fun removeSurroundingCssStyle(css: Style)

renderVNode

open override fun renderVNode(): VNode

reportValidity

fun reportValidity(): Boolean

Performs the same validity checking steps as the checkValidity method. If the value is invalid, this method also fires the invalid event on the element, and (if the event isn't canceled) reports the problem to the user.

reset

fun reset()

Reset the text field to its default value.

select

fun select()

Selects all the text in the text field.

setAttribute