L-shaped pipe

Step 1: Add the component

1. Create a web application. For more information, see Create a web application.

2. In the Web application editor, click the component icon on the left.

3. Above the component list on the left, enter l-shaped pipe in the search box to find the component. Then, drag it to the center of the canvas.

   For more information about adding components, see Add a component.

   In the Components panel on the left, search for l-shaped pipe and drag it onto the canvas. After you select the component, you can view and configure its properties in the Style panel on the right. These properties include its position (X and Y), size (W and H), name, visibility, and opacity.

Step 2: Configure the style

Adjust the component's position on the page. For more information about configuring common component styles, see Style configuration.

Step 3: Configure interactions

1. In the Interaction panel on the right side of the web application editor, click Add Interaction, and then set an event and an action.

   This component supports the Mouse In event. For example, you can set the Mouse In event to trigger a Show/Hide action that reveals a hidden component with additional information.

   For more information, see Interaction configuration.

2. Click Preview in the upper-right corner of the page to view and debug the component's data and style.