docs: add ux description for textarea #1520
Conversation
|
packages/documentation/docs/controls/_textarea-field_styleguide.mdx
Outdated
Show resolved
Hide resolved
packages/documentation/docs/controls/_textarea-field_styleguide.mdx
Outdated
Show resolved
Hide resolved
packages/documentation/docs/controls/_textarea-field_styleguide.mdx
Outdated
Show resolved
Hide resolved
| - **Show text as tooltip**: [See form field](./forms/forms-field.md) | ||
| - **Placeholder text**: [See form field](./forms/forms-field.md) | ||
| - **Counter**: [See form field](./forms/forms-field.md) | ||
| - **Resize behavior**: Determines how textareas can be resized (both directions, horizontally, vertically, no resizing) |
There was a problem hiding this comment.
We need to include: what is the standard size, what is our default version, and when do we use each option?
There was a problem hiding this comment.
Additionally, is this an option or should it be handled in the behavior in context
There was a problem hiding this comment.
Changed it to have a short notice on resizing options (both, horiz, vert, none) here and guidance how to use it in the behavior section.
packages/documentation/docs/controls/_textarea-field_styleguide.mdx
Outdated
Show resolved
Hide resolved
packages/documentation/docs/controls/_textarea-field_styleguide.mdx
Outdated
Show resolved
Hide resolved
packages/documentation/docs/controls/_textarea-field_styleguide.mdx
Outdated
Show resolved
Hide resolved
packages/documentation/docs/controls/_textarea-field_styleguide.mdx
Outdated
Show resolved
Hide resolved
packages/documentation/docs/controls/_textarea-field_styleguide.mdx
Outdated
Show resolved
Hide resolved
packages/documentation/docs/controls/_textarea-field_styleguide.mdx
Outdated
Show resolved
Hide resolved
packages/documentation/docs/controls/_textarea-field_styleguide.mdx
Outdated
Show resolved
Hide resolved
| - Do use the textarea for inputs that require multiple lines of text, such as comments, feedback, or detailed descriptions | ||
| - Do ensure the textarea is appropriately sized for the expected input | ||
| - Do use the placeholder attribute to give users an example of the expected input | ||
| - Do use minimum and maximum character limits to handle edge cases |
There was a problem hiding this comment.
Do set minimum and maximum character limits to ensure proper input length
packages/documentation/docs/controls/_textarea-field_styleguide.mdx
Outdated
Show resolved
Hide resolved
|  | ||
| 1. Label | ||
| 2. Required field indicator (optional) | ||
| 3. Placeholder text |
packages/documentation/docs/controls/_textarea-field_styleguide.mdx
Outdated
Show resolved
Hide resolved
|
🆕 What is the new behavior?
New UX description for textarea
🏁 Checklist
A pull request can only be merged if all of these conditions are met (where applicable):
pnpm run docs)pnpm test)pnpm lint)pnpm build, changes pushed)👨💻 Help & support