React Properties Panel

Open this page in a larger screen to see the interactive playground

User Data

Id

First Name

Premium

Interests

Favorite Color

User Settings

Language

Dark_mode

React Properties Panel

About

React Properties Panel is a react component that allows your users to visualize & edit any kind of data on a friendly interface.

The panel can display either a raw JSON with an auto-generated layout or more personalized layout configurations for more complex use cases.

Features

  • Mult-element editing, handling mixed values.
  • Block-based - Blocks can be added, removed and reordered.
  • Customizable layout, including buttons, segmented controls or ranges.
  • History-ready.
  • CSS customizable - To match your application's design.
  • Infinite nesting support.
  • Math expressions on numeric inputs.
  • Color and Vector special types.
  • Keyboard navigation.
  • Type validation.
  • Controlled component.