You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: ej2-vue/appearance/figma.md
+9-9Lines changed: 9 additions & 9 deletions
Original file line number
Diff line number
Diff line change
@@ -8,30 +8,30 @@ documentation: ug
8
8
domainurl: ##DomainURL##
9
9
---
10
10
11
-
# Figma UI Kits for Syncfusion Components
11
+
# Figma UI Kits for Syncfusion Vue Components
12
12
13
-
Syncfusion offers [Figma UI kits](https://www.figma.com/@syncfusion) to facilitate effective collaboration between designers and developers. The Figma UI kits are available in four themes: [Material 3](https://www.figma.com/community/file/1385969023252455137/syncfusion-ui-kit-material-3-theme), [Fluent](https://www.figma.com/community/file/1385969120047188707/syncfusion-ui-kit-fluent-theme), [Tailwind](https://www.figma.com/community/file/1385969065626384098/syncfusion-ui-kit-tailwind-theme), and [Bootstrap 5](https://www.figma.com/community/file/1385968977953858272/syncfusion-ui-kit-bootstrap-5-theme). These kits match the themes used in Syncfusion components.
13
+
Syncfusion offers [Figma UI kits](https://www.figma.com/@syncfusion) to facilitate effective collaboration between designers and developers. The Figma UI kits are available in four themes: [Material 3](https://www.figma.com/community/file/1385969023252455137), [Fluent](https://www.figma.com/community/file/1385969120047188707), [Tailwind](https://www.figma.com/community/file/1385969065626384098), and [Bootstrap 5](https://www.figma.com/community/file/1385968977953858272). These kits match the themes used in Syncfusion Vue components.
14
14
15
-
The kits contain reusable design components with various possible states and variants, along with detailed figures, measurements, and icons, representing the Syncfusion components.
15
+
The kits contain reusable design components with various possible states and variants, along with detailed figures, measurements, and icons, representing the Syncfusion Vue components.
16
16
17
17

18
18
19
19
## Advantages of UI kits
20
20
21
21
The Syncfusion Figma UI kit offers the following key advantages:
22
-
- The UI kit includes detailed information about Syncfusion components, such as available control lists, their states, and variants. This facilitates a quick understanding of Syncfusion components.
22
+
- The UI kit includes detailed information about Syncfusion Vue components, such as available control lists, their states, and variants. This facilitates a quick understanding of Syncfusion Vue components.
23
23
- Design components are developed using the [atomic design methodology](https://atomicdesign.bradfrost.com/chapter-2/), making customization straightforward and efficient.
24
-
- Developers can seamlessly match Syncfusion components with your design requirements, ensuring alignment and accuracy.
24
+
- Developers can seamlessly match Syncfusion Vue components with your design requirements, ensuring alignment and accuracy.
25
25
- By using standardized components and themes, the UI kit ensures consistency in your designs, maintaining a uniform look and feel across projects.
26
26
27
27
## Downloading the UI kits
28
28
29
29
Syncfusion Figma UI kits are available in the [Figma community](https://www.figma.com/@syncfusion). You can download the Syncfusion theme-specific Figma UI kits from the following links:
## Add a New Comment with Date, Author, and Status
24
+
25
+
Comments can be inserted into the selected text with a specified date, author, and status.
26
+
27
+
```ts
28
+
// In this example, a comment with the text "Nancy Davolio" is added by the author Rachel Green on July 23, 2024, at 2:30 PM. The isResolved status is set to false.
29
+
30
+
// Create a specific date: July 23, 2024, at 2:30:00 PM.
31
+
let specificDate =newDate(2024, 6, 23, 14, 30, 0); // Note: July is represented by 6 (0-based index).
32
+
33
+
// Define the properties of the comment including author, date, and resolution status.
34
+
let commentProperties:CommentProperties= {
35
+
author: 'Nancy Davolio', // The author of the comment.
36
+
dateTime: specificDate, // The date and time when the comment is created.
37
+
isResolved: false// The status of the comment; false indicates it is unresolved.
38
+
};
39
+
40
+
// Insert the comment with the specified properties into the document editor.
Copy file name to clipboardExpand all lines: ej2-vue/installation-and-upgrade/installation-using-mac-installer.md
+13-27Lines changed: 13 additions & 27 deletions
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
---
2
2
layout: post
3
-
title: Installation using mac installer in Vue Installation and upgrade component | Syncfusion
3
+
title: Installation using mac installer in Vue | Syncfusion
4
4
description: Learn here all about Installation using mac installer in Syncfusion Vue Installation and upgrade component of Syncfusion Essential JS 2 and more.
5
5
control: Installation using mac installer
6
6
platform: ej2-vue
@@ -18,8 +18,8 @@ domainurl: ##DomainURL##
18
18
19
19
If you receive this alert, follow the below steps for the easiest solution.
20
20
21
-
1. Right-click the downloaded pkg file.
22
-
2. Select the "Open With" option and choose "Installer (Default)". The following pop-up appears.
21
+
1. Right-click the downloaded dmg file.
22
+
2. Select the "Open With" option and choose "DiskImageMounter (Default)". The following pop-up appears.
N> The Unlock key is not required to install the Mac installer. The Syncfusion Essential Studio JavaScript - EJ2 Mac installer can be used for development purposes without registering the Unlock key.
45
-
46
-
4. The Destination select wizard will appear. You can choose which disc to install the Syncfusion Essential Studio for JavaScript - EJ2 Mac installer on here.
47
-
48
-

49
-
50
-
5. The Installation Type wizard will appear. Click Install to begin the standard installation of the Syncfusion Essential Studio JavaScript - EJ2 Mac installer.
51
-
52
-

44
+
4. And paste it in "Applications" folder shortcut.
53
45
54
-
6. The Authentication window will appear. To begin the installation, enter the Mac machine's password and click **Install Software**.
8. Once the installation is complete, the completed screen will be displayed. To exit the installation wizard, click Close.
48
+
N> The Unlock key is not required to install the Mac installer. The Syncfusion Essential Studio JavaScript - EJ2 Mac installer can be used for development purposes without registering the Unlock key.
6. To remove the DMG file, Right-click on the virtual drive on your desktop or in the Finder sidebar and select "Eject." Also delete the folder from the Applications.
0 commit comments