Key Value Component: Property Label Doesn't Match Data Key

[sgodoshian]

• Goal: In Key Value components, I want the Property Labels to match the Data Keys exactly

• Steps:

1. Create a Key Value component
2. Set its Data to object of key/value pairs where the keys are formatted exactly as you want them to appear in the label, for example:

{
  'ACM/Lead': 'n/a',
  'Elevator (Y/N)': true,
}

3. Observe how the Property Labels in the Key Value component do not match the Data Keys

• Details: I'm using the Key Value (new) component - Key Value (New) | Retool Component Library

• Screenshots:
  

  

• App json export:
  Key Value Bug.json (6.1 KB)

[Tess]

Great question, @sgodoshian!

As mentioned in office hours, this is due to some auto-formatting on the key value component, but we plan to ship an option for disabling the auto formatting. We'll post on this thread when it ships (I just checked in with the team internally)