The Forms of the Design System

Lay out your application in order to match the environment. Forms are one of the main ways of enabling users to add or edit elements within the application.

 

Inputs

Forms can require different input types from the user.

 

Text

The user enters characters.

Text_EN.png

 

Date

The user defines a date or period.

Date_EN.png

 

Select

The user chooses one or multiple items.

Select_EN.png

 

Checkbox / Radio Button

The user chooses one (radio button) or multiple items (checkbox).

Checkbox_EN.png

 

Status

Inputs can display different types of status. This depends on the input availability, importance, etc.

 

Disabled

When an input is not usable for the moment, it is grayed out and the cursor displays a forbidden sign when hovered over the input.

Disabled_EN.png

 

Mandatory

If an input is important, make it mandatory. Forbid the form validation until this input is filled out.

Display a little red asterisk * right after the label to ensure the user notices it.

Mandatory_EN.png

 

See Finance Active's Design System for more details.

Was this article helpful?
0 out of 0 found this helpful