Fable.Modulo


View Module

Helpers for the view. Based on Fable.React: no css or other assumptions are made.

Nested modules

Modules Description

FormCheckboxModel

FormInputModel

FormSelectModel

Functions and values

Function or value Description

basicCheckbox form item messageDispatcher

Full Usage: basicCheckbox form item messageDispatcher

Parameters:
Returns: ReactElement

Build a ReactElement 'input' with type 'checkbox' and the properties 'DefaultValue', 'OnChange' and 'Placeholder' set automatically

form : 'f
item : FormCheckboxModel<'f>
messageDispatcher : 'f -> unit
Returns: ReactElement

basicField form item messageDispatcher

Full Usage: basicField form item messageDispatcher

Parameters:
    form : 'a
    item : FormInputModel<'a, 'b>
    messageDispatcher : 'a -> unit

Returns: ReactElement

Build a ReactElement 'input' with the correct 'DefaultValue', 'OnChange' and 'Placeholder' properties

form : 'a
item : FormInputModel<'a, 'b>
messageDispatcher : 'a -> unit
Returns: ReactElement

basicField' form item name messageDispatcher

Full Usage: basicField' form item name messageDispatcher

Parameters:
    form : 'a
    item : FormInputModel<'a, 'b>
    name : string
    messageDispatcher : 'a -> unit

Returns: ReactElement

Build a ReactElement 'input' with the correct 'DefaultValue', 'OnChange', 'Name' and 'Placeholder' properties

form : 'a
item : FormInputModel<'a, 'b>
name : string
messageDispatcher : 'a -> unit
Returns: ReactElement

basicSelect form item messageDispatcher

Full Usage: basicSelect form item messageDispatcher

Parameters:
Returns: ReactElement

Build a ReactElement 'select' with the properties 'DefaultValue', 'OnChange' and 'Placeholder' set automatically, and a set of ReactElement 'option' with the 'Value' property set automatically

form : 'f
item : FormSelectModel<'f, 't>
messageDispatcher : 'f -> unit
Returns: ReactElement

checkboxBase form item messageDispatcher props

Full Usage: checkboxBase form item messageDispatcher props

Parameters:
Returns: ReactElement

Build a ReactElement 'input' with type 'checkbox' and the given props except for 'DefaultValue', 'OnChange' and 'Placeholder' that are set automatically

form : 'f
item : FormCheckboxModel<'f>
messageDispatcher : 'f -> unit
props : IHTMLProp list
Returns: ReactElement

defaultValue item

Full Usage: defaultValue item

Parameters:
Returns: string
Modifiers: inline
Type parameters: 'f, 't
item : FormFieldModel<'f, 't>
Returns: string

fieldBase form item messageDispatcher props

Full Usage: fieldBase form item messageDispatcher props

Parameters:
Returns: ReactElement

Build a ReactElement 'input' with the given props except for 'DefaultValue', 'OnChange' and 'Placeholder' that are set automatically

form : 'a
item : FormInputModel<'a, 'b>
messageDispatcher : 'a -> unit
props : IHTMLProp list
Returns: ReactElement

onChange form item messageDispatcher ev

Full Usage: onChange form item messageDispatcher ev

Parameters:
Modifiers: inline
Type parameters: 'f, 't
form : 'f
item : FormFieldModel<'f, 't>
messageDispatcher : 'f -> unit
ev : Event

selectBase form item messageDispatcher selectProps optionProps

Full Usage: selectBase form item messageDispatcher selectProps optionProps

Parameters:
Returns: ReactElement

Build a ReactElement 'select' with properties given in the 'selectProps' parameter. The props 'DefaultValue', 'OnChange' and 'Placeholder' are set automatically Each value from the input FormSelectModel is represented by a ReactElement 'option': you can pass its HTML properties but the 'Value' is set automatically.

form : 'f
item : FormSelectModel<'f, 't>
messageDispatcher : 'f -> unit
selectProps : IHTMLProp list
optionProps : IHTMLProp list
Returns: ReactElement