React Components Overview

Sabre Red 360 provides React components Red App can use.

Available React Components

At the moment, Red Apps can use below components:

Simple Dropdown

Allows creating a Simple Dropdown with custom options list. You can read more info here: Simple Dropdown.

Select Widget

Allows creating a Select Widget component with encode/decode support. You can read more info here: Select Widget.

Srw Date Picker

Allows creating Date Picker component with custom properties. You can read more info here: Srw Date Picker.

Drag and Drop

Allows uploading file by dragging them from file explorer into application. You can read more info here: Drag and Drop.

Custom Form

Allows creation of user-defined forms and using them as a React component. You can read more info here: Custom Form.

APIs

Detailed APIs of configs and interfaces used to configure side panels can be found in TypeScript API Documentation.

Example

You can see examples of react components usage in com.sabre.redapp.example3.web.react.components sample. Also check com.sabre.redapp.example3.web.application.side.panels sample for example usage of the Custom Corm component and how to create it and communicate with parent component.