Regsoft design system

Form elements

Form elements let users enter information to affect an applications state.

Text input

Text inputs are used to enter short amounts of text.

Example

Markup

Source markup is unavailable in this environment. Markup extraction relies on debug_heex_annotations and the project source files, which are only present during development.

Textarea input

Textareas are used to enter larger amounts of text

Example

Markup

Source markup is unavailable in this environment. Markup extraction relies on debug_heex_annotations and the project source files, which are only present during development.

Select

Select inputs lets a user chose an option from a list of many, displayed in a drop-down list.

Note that you can also use the :multiple option to select multiple options from the list.

Example

Markup

Source markup is unavailable in this environment. Markup extraction relies on debug_heex_annotations and the project source files, which are only present during development.

We discourage the use of select fields to choose multiple options, as it is an uncommon and unfamiliar way of selecting multiple items. We suggest using checkboxes in these situations

Here's an example of a select with multiple selections allowed:

Example

Markup

Source markup is unavailable in this environment. Markup extraction relies on debug_heex_annotations and the project source files, which are only present during development.

Checkbox

Checkboxes can be used to select/de-select a single option, or when used in a group, can be used to select multiple values from a list of options.

Checkbox list

Example

Input for selecting multiple options
Option one
Option two
Option three
Option four
Option five

Markup

Source markup is unavailable in this environment. Markup extraction relies on debug_heex_annotations and the project source files, which are only present during development.

Radio button list

Example

Selecting from a list

Markup

Source markup is unavailable in this environment. Markup extraction relies on debug_heex_annotations and the project source files, which are only present during development.

Miscellaneous input types

Color

Color controls select colours

Example

Markup

Source markup is unavailable in this environment. Markup extraction relies on debug_heex_annotations and the project source files, which are only present during development.

Date

Date inputs selects date values

Example

Markup

Source markup is unavailable in this environment. Markup extraction relies on debug_heex_annotations and the project source files, which are only present during development.