Forms
Read about our dashboard design system and its visual components.
Form fields vary in sizes and can be applied flexibly depending on the context. The below example is a simple login form with large sized field and submit button. Labels above fields are optional, however a placeholder text must be used if the label is omitted.
The below example is a list of all the different field designs we support inside the dashboard. The toggle slide checkbox should only be used in situations where enabling would cause an immediate action.
All field types can be disabled with the disabled attribute. Do not apply any colors on disabled fields, only the colors shown in the example are allowed.
There are five text field sizes to choose from. By default, use the medium size fields for common forms. Large size fields are reserved for short and one-off forms such as the sign in pages. Other sizes are reserved for special situations only.
Text and select fields can have three states, success, warning, and danger. Field states should only be activated post submission.