components/dev.fritz2.components/InputFieldComponent

InputFieldComponent

open class InputFieldComponent(valueStore: Store<String>?) : Component<Unit> , EventProperties<HTMLInputElement> , ElementProperties<Input> , InputFormProperties, SeverityProperties

This class deals with the configuration of an input element.

The inputField can be configured for the following aspects:

the size of the element
some predefined styling variants
the element options of the HTML input element can be set. Attributes

For a detailed explanation and examples of usage have a look at the inputField function!

Constructors

InputFieldComponent

fun InputFieldComponent(valueStore: Store<String>?)

Types

Companion

object Companion

Functions

enabled

open override fun enabled(value: Boolean)

open override fun enabled(value: Flow<Boolean>)

equals

open operator fun equals(other: Any?): Boolean

hashCode

open fun hashCode(): Int

render

open override fun render(context: RenderContext, styling: BoxParams.() -> Unit, baseClass: StyleClass, id: String?, prefix: String)

Central method that should do the actual rendering of a component.

severity

open override fun severity(value: SeverityProperties.SeverityContext.() -> Severity)

Property to manage the severity value of the component.

severityClassOf

open override fun severityClassOf(severityStyle: SeverityStyles): Flow<StyleClass>

This function manages the task to map a value of the Severity enumeration to a corresponding style defined within the SeverityStyles interface.

toString

open fun toString(): String

Properties

disabled

open override val disabled: DynamicComponentProperty<Boolean>

element

open override val element: ComponentProperty<Input.() -> Unit>

This property enables the client to access the deeper features of an element even though the component itself does not offer an appropriate functionality.

events

open override val events: ComponentProperty<EventContext<HTMLInputElement>.() -> Unit>

This property enables the client to access all events offered by the underlying HTML element.

placeholder

val placeholder: DynamicComponentProperty<String>

readonly

open override val readonly: DynamicComponentProperty<Boolean>

severity

open override val severity: NullableDynamicComponentProperty<Severity?>

size

val size: ComponentProperty<FormSizes.() -> Style<BasicParams>>

step

val step: DynamicComponentProperty<String>

type

val type: DynamicComponentProperty<String>

value

val value: DynamicComponentProperty<String>

variant

val variant: ComponentProperty<InputFieldVariants.() -> Style<BasicParams>>