A basic button component. The title argument is a string which will be used for the button text. The action argument is a function with no arguments that is called when the button is clicked. The component also supports an optional :classes keyword argument, which is a map of strings or vectors of strings representing CSS class names. The map supports the keys :field, :control and :button. The :attrs optional keyword argument is a map of HTML attributes. Keys for the map are HTML attribute names as keywords e.g. :disabled.

Provides a basic checkbox component. The label argument is a string used as the label to be associated with the checkbox. The sid argument is a keyword storage identifier used to define the storage key within the document model atom. A number of optional keyword arguments are also supported

Define an option for a selection list. The title argument is a string used as the text label for the option. This component supports a number of optional keyword arguments

Provides a utility component which will display a value with a ‘pencil’ icon, which when clicked, will change the displayed value to be a text input area where the value can be edited. Adds a ‘save’ and ‘cancel’ button to save or cancel the edit. The type argument is a keyword representing one of the HTML input types e.g. :text, :email. The src argument is a reagent atom representing the document model atom holding the data to be edited. The sid argument is a storage identifier keyword which specifies the path into the document model atom where the value to edit is stored. This component also supports two optional keyword arguments, :label and :classes. The :label keyword argument is a string which specifies a text label to associate with the field. The :classes keyword argument is a map of strings or vectors of strings representing CSS class names. The map supports the following keys

Generate a field container to hold input labels or fields. The body argument is typically a user input component or a <div> element with the control class. Also supports two optional keyword arguments

Provides a basic file selection component. The required sid argument is a storage identifier keyword that determines where the selected filename will be stored within the document model atom. Additional optional keyword arguments are supported:

Generate a horizontal field with label as the field label and body as the contents of the field. An optional keyword argument of :classes is supported. The value is a map which can contain keys for :label, :field and :body. The value for the keys is either a CSS class name or a vector of CSS class names. CSS class names are strings. The :label key lists classes to be associated with the field label, the :field key for classes associated with the outer field container and the :body for classes associated with the field body element.

A basic text input component. This component is often used as the body for a field or horizontal-field component. Mandatory arguments are:

|———-|—————————————————————|

This component also supports a number of optional keyword arguments:

Convenience component which combines field and input components to create a simple input component. The label argument is text to be used assoc the field label. The type argument specifies the input field type. It is a keyword representing one of the HTML5 input types e.g. :text, :email, etc. The sid argument is a storage identifier which specifies the key(s) to use when storing the input in the document model atom. This component also supports a number of optional keyword arguments.

This function is a helper for text input field components. It is not meant to be called directly, but rather used by other components. The function has the following mandatory arguments:

|———–|————————————————————–|

The function also accepts a number of optional keyword arguments:

A basic number input component. The sid is a storage identifier keyword which sets the location for storing input data in the document model atom. The component also accepts a number of optional keyword arguments:

A number input field component. Essentially, this is the number-input component wrapped in a field component. The sid argument is a storage identifier keyword used to determine where the input data will be stored within the document model store. The component supports the following optional keyword arguments:

A radio button component. The sid argument is a keyword used as the storage identifier to store data in the document model atom. The labels argument is a vector of maps specifying each radio button. The map has the following keys

The component also supports a number of optional keyword arguments

A simple range input component. The sid argument is a storage identifier keyword. The min and max arguments set the minimum and maximum values for the range. A number of optional keyword arguments are supported:

A simple search box component. The action argument is a function of one argument which is executed when the user hits the search button. The argument is the text entered into the search field. The component also accepts a number of optional keyword arguments

A basic select list component. The sid argument is a storage identifier keyword. The options argument is a vector of option component representing each option for the select list. Each option can be defined using the defoption function. The component also supports a number of optional keyword arguments

This component is a convenience component which wraps a select component inside a field div to ensure appropriate spacing and layout. The sid argument is a storage identifier keyword. The options argument is a vector of option elements (see defoption for details). The following optional keyword arguments are also supported

A basic text area component. The label argument is a string containing the text to be used as a label for the text area. The sid argument is a storage identifier keyword used to determine where the data entered is stored within the document model atom. The component supports the following optional keyword arguments