Flexmonster Software License Agreement (“Agreement”) has been revised and is effective as of September 30, 2025.
The following modifications were made:
The modified version of Agreement is available here.
Downloading, installing, and/or continuing to use Flexmonster Software after September 30, 2025, constitutes Licensee’s acceptance of the terms and conditions of the modified version of Agreement. If Licensee does not agree to any of these terms and conditions, they must cease using Flexmonster Software and must not download, install, use, access, or continue to access Flexmonster Software. By continuing to use Flexmonster Software or renewing the license or maintenance after the effective date of these modifications to Agreement, Licensee accepts and agrees to be bound by the terms and conditions of the modified Agreement.
This guide will help you integrate Flexmonster with the Ionic framework, which allows creating cross-platform mobile applications.
Follow the steps below to run a sample application demonstrating Flexmonster integration with Ionic and React or Ionic and Angular.
Step 1. To get our sample project, download it as ZIP or clone it with the following commands:
git clone https://github.com/flexmonster/pivot-ionic-react
cd pivot-ionic-react
git clone https://github.com/flexmonster/pivot-ionic
cd pivot-ionic
Step 2. Install the npm dependencies described in the package.json file with the following command:
npm install
Step 3. Run the sample application with the following command:
npm run start
The application can be shut down manually with Ctrl + C (Control + C on macOS).
The steps to embed Flexmonster into an application vary depending on the type of Ionic application.
Flexmonster can be integrated into an Ionic React application in the same way it is integrated into a React and Typescript application. See integration with React + Typescript for details.
To create a new Ionic React application, refer to the Ionic documentation.
Flexmonster can be integrated into an Ionic Angular application in the same way it is integrated into an Angular application. See integration with Angular for details.
To create a new Ionic Angular application, refer to the Ionic documentation.
Flexmonster can be integrated into an Ionic Vue application in the same way it is integrated into a Vue application. See integration with Vue 3 for details.
To create a new Ionic Vue application, refer to the Ionic documentation.
The usage of Flexmonster parameters depends on the type of Ionic application.
In an Ionic React application, the FlexmonsterReact.Pivot component’s usage is the same as it is in React. Learn more about this component and its props: The FlexmonsterReact.Pivot component.
In an Ionic Angular application, the FlexmonsterPivot component’s usage is the same as in Angular. Learn more about this component and its input parameters: The FlexmonsterPivot component.
In an Ionic Vue application, the <Pivot> component’s usage is the same as it is in Vue. Learn more about this component and its props: The <Pivot> component.
If you run into any issues, visit our troubleshooting page.
You may be interested in the following articles:
