We are excited to announce the launch of a new Key Value component. Compared to the older Key Value component, this version has significantly more functionality, and offers much improved visual controls.
Customize how values are displayed, with the same familiar display options as the Table component, such as dates, tags, avatars, images, links, and more
Add click handlers to values
Render in single-column, multi-column, or 'wrap' mode
Control the text color and label positions
The component is designed to work without configuration -- it will automatically generate readable labels based on the key and guess the format of the value. However, you can also 'save' properties to manually configure them, which lets you set their order, custom labels, placeholders, and more.
Thanks for the new component! Is there a way to migrate current old Key Value to the new Key Value, just like what we could do when the new Table component came out?
We don't currently have an upgrade path for this component from the legacy key value. You can start using the new key value component as a brand new component, or you can continue to use the legacy key value components -- we don't have plans to remove the legacy version.
Similarly for the table, in the past we have shipped upgrade paths for smaller improvements to the table (see docs for upgrade examples), but if you want to replace any legacy tables with the newest table component, you'll need to create it from scratch.
Happy to see that this component got an update! I frequently found myself writing custom CSS to improve the styling of the key value component, so glad to see that the configuration solves that challenge for me.
Slightly off topic: I love to see these posts of new functionality getting added to Retool, but sometimes it feels like it's buried between other posts within the App Building category. Would it be possible to create a separate topic for announcements like these?
Thanks again for the feedback! We've gone ahead and moved this and other recent new-feature type announcements to our existing Announcementscategory, and will plan to centralize future topics there going forward
Is the question regarding Key Values being edited similar to the table component going to answered?
I'm a bit disappointed with lack of ability to easily interact with this component. It looks great, but the lack of functionality a lot to get past, so I rarely ever end up using it.
Now, if it were to have the same / a very similar set of add-on and event-handlers, I could see it very quickly becoming one of the components I use most frequently.
In addition to the outstanding question, are there additional updates planned for this component that would closely mirror the functionality of the table component? If so, any estimate of timeline?
Hi Chris, sorry for the delayed response. We did recently ship Key Value editing! The feature set is not 1:1 with Table yet but we tried to port the most important parts of the editing flow. If you get a chance to try it out, I'd be curious if there are still features from Table you are missing since that would help us prioritize future work. Thanks!
After seeing your message, I very briefly reviewed the announcement post and play around with the component in the editor -- in a few words, this is great!!
This really unlocks the potential of this component, I'm very pleased.
I will continue to try it out more throughout the next week as I have more development time scheduled, and will send over any additional feedback re further feature advancements.
We don't currently have an upgrade path for this component from the legacy key value. You can start using the new key value component as a brand new component, or you can continue to use the legacy key value components -- we don't have plans to remove the legacy version.
we'll look into other options