Skip to content

TextField - suffix value and additional info #442

@mkernohanbc

Description

@mkernohanbc

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

Metadata

Metadata

Labels

enhancementNew feature or request

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions