Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

TextField - suffix value and additional info #442

Open
mkernohanbc opened this issue Aug 8, 2024 · 0 comments
Open

TextField - suffix value and additional info #442

mkernohanbc opened this issue Aug 8, 2024 · 0 comments
Assignees
Labels
enhancement New feature or request

Comments

@mkernohanbc
Copy link
Contributor

Proposed refinements to the Text Field component from @victoriadam:

some additions to this component to be considered:

  • Adding a suffix to the right of the input field (e.g. ft, px, etc.)
  • Adding an info icon to the right of the label

Thinking about requirements:

Suffix

  • Visible unit label positioned to the right of input value
  • Likely only used when an input is intended to accept a number value only
  • Should appear distinct enough from text input that it doesn't appear to be editable
  • Should also consider a use case where an input can accept multiple different units, and user inputting value can change what the units are (eg. from 'mm' to 'cm')

Info icon

  • Expected use case would be that the info icon is either a hyperlink or (more likely) an anchor for a tooltip
  • Potentially duplicative in terms of functionality with the description field
  • Likely context would be user looking for more space-efficient way to provide additional info in a constrained UI
@mkernohanbc mkernohanbc added the enhancement New feature or request label Aug 8, 2024
@mkernohanbc mkernohanbc self-assigned this Aug 8, 2024
@mkernohanbc mkernohanbc added this to the Components v0.3.0 milestone Aug 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants