react-magma icon indicating copy to clipboard operation
react-magma copied to clipboard

Enhancement: Allow label on inputs to display on the left

Open orion-cengage opened this issue 3 years ago • 1 comments

Purpose: Add the ability to display the corresponding input label to the left of the input. This includes the following components:

  • Text input
  • Text area
  • Date
  • Time
  • Combobox
  • Native select
  • Password

AC

1.0 The label should be right-aligned within its container so everything aligns properly when you stack multiple inputs. See illustration below.

image

orion-cengage avatar Sep 06 '22 14:09 orion-cengage

Just a note: Toggle, Radio and Checkbox currently support textPosition

silvalaura avatar Oct 06 '22 15:10 silvalaura

Alignment is not displayed properly for Error , Large & File under input component. See Screen-cast : http://somup.com/c3XnfPvBbz Hence, Reopening the ticket. Thanks!

Uditsingh67 avatar Nov 02 '22 05:11 Uditsingh67

These are actually displaying properly on the left in all examples. The labelWidth isn't showing, but is fully working, do we care to add it to the examples here in addition?

chris-cedrone-cengage avatar Nov 02 '22 12:11 chris-cedrone-cengage