User component Interface

This page describes User Component related screens and functions.

Info.

After linking your Dart-Store account, you can use the following features.

Please refer to the following link: Link Dart-Store Account

1. Pin/ Unpin User Component

There are many User Components, and you might want to pin one or more than one User Component at the top for your convenience. In Dart-IDE, you can do it.

How to use

Step 1: Choose the User Component ▸ Click on ⋮ button ▸ Choose the Pin to Top option.

Step 2: After pinning User Component, it will appear on the top with a pin icon.

Or you can Unpin from Top for User Component.

2. Search User Component

You can search for new User components on sale or view User Components you have downloaded in the Dart-Store.

How to use

Step 1: Click on Open In New icon

Step 2: Enter the User Component name in the Search User Component bar.

Step 3: When you search User Component name, the system will recommend the related name.

You can see User Component, which is downloaded in the Downloaded tab.

If you haven’t linked your account with Dart-Store, the Downloaded tab will be presented as follows:

3. Download & Use User Component

There are 2 types of User Components so there are two ways to download User Component.

Free User Component
Paid User Component

How to use

3-1. Download User Component for free

Step 1: Click on the Open In New icon.

Step 2: Search User Component you want in the menu, then click Download, which appears when the cursor is put above a component.

Step 3: After finishing the download, your User Component will gain the Delete option.

3-2. Download for paid User Component

Step 1: Search the User Component name in the Search User Component bar. If you put your cursor above each component, there will be some components with its cost instead of the Download button.

Step 2: This action will lead you to Dart-Store payment to buy the User Component. Then, click the checkout button.

Step 3: Fill in the Card Information and click on the pay button on the bottom of the page.

Step 4: When your payment is successful, open Dart-IDE and click the Download option in this User Component.

Step 5: After finishing the download, your User Component will gain the Purchased status.

When you finish downloading the free or paid User Component, the User Component automatically appears in the User Component panel of COMPONENT PALETTE. Then, you can drag&drop this User Component in the UI PREVIEW panel to use it.

4. Update User Component

There are two ways to update your User Component to the newest version.

How to use

4-1. Update by using the Open in News icon

Step 1: Click on Open in New icon

Step 2: Choose the User Component and then click on the Update option, which appears when the cursor is put above the specific Component. When the status changes to the Delete option, you have finished your update.