== Background goal
Explore design solutions for Field component before implementing it in Codex in T309239.
=== Design proposal
| [[ https://www.figma.com/file/uBYlqttQgO2tXXxTVJQj0T/Form-field---T309239?node-id=1504%3A10717&t=VNwsM6mhuY4Y03ZX-11 | Explorations captured in this Figma file ]] |
===== Required/Optional
Since all form fields are required by default, we will indicate just the optional ones in order to avoid too many asterisks across the form page. Optional text will appear next to the label and it will be included within the text when the label is multiline.
{F36867698}
===== Label and description
// It will be added here once it's done.//
===== Tooltip
Tooltip will be placed next to the label so it's not separated from the label when the field is too long. Tooltip will be included within the label text when it's multiline.
{F36867741}
===== Helper text and Inline message
// It will be added here once it's done.//
===== Characters counter
// It will be added here once it's done.//
===== Field action (e.g. delete)
Action will be included as part of the field component (Op.1) to avoid possible layout problems. If we add the action as a separated component (Op.2) the action would wrap into the next line when there is not enough space).
{F36867774}
---
=== Acceptance criteria
[] Explore design proposals for:
[-] Required/Optional
[] Label and description
[-] Tooltip
[] Helper text and Inline message
[] Characters counter
[-] Field action
[] Review proposals with the design and DST team
[] Decide on the best solution to implement the component