Common Properties

Common Properties is a React component that allows the application to display a set of UI components (radio buttons, text entry areas, drop down lists, sliders, tables, etc) to present the properties of a node to the user. Common Properties supports the most commonly used UI components and also allows custom components to be added into its visual output.

The Common Properties React object has a ‘prop’ called the Parameter Definition which is a Javascript (JSON) object and some configuration objects as props.

Traditionally, the right-flyout is used to display properties but the application can choose to display them elsewhere. The UI elements displayed by Common Properties comply with the Carbon design language.

For more details and examples of the components supported by Common Properties, see the Common Properties Components page.

Here’s an example of the type of output a <CommonProperties> React object can produce. This is from the IBM SPSS Modeler application: