diff --git a/en/application-dev/ui/public_sys-resources/icon-caution.gif b/en/application-dev/ui/public_sys-resources/icon-caution.gif
new file mode 100644
index 0000000000000000000000000000000000000000..6e90d7cfc2193e39e10bb58c38d01a23f045d571
Binary files /dev/null and b/en/application-dev/ui/public_sys-resources/icon-caution.gif differ
diff --git a/en/application-dev/ui/public_sys-resources/icon-danger.gif b/en/application-dev/ui/public_sys-resources/icon-danger.gif
new file mode 100644
index 0000000000000000000000000000000000000000..6e90d7cfc2193e39e10bb58c38d01a23f045d571
Binary files /dev/null and b/en/application-dev/ui/public_sys-resources/icon-danger.gif differ
diff --git a/en/application-dev/ui/public_sys-resources/icon-note.gif b/en/application-dev/ui/public_sys-resources/icon-note.gif
new file mode 100644
index 0000000000000000000000000000000000000000..6314297e45c1de184204098efd4814d6dc8b1cda
Binary files /dev/null and b/en/application-dev/ui/public_sys-resources/icon-note.gif differ
diff --git a/en/application-dev/ui/public_sys-resources/icon-notice.gif b/en/application-dev/ui/public_sys-resources/icon-notice.gif
new file mode 100644
index 0000000000000000000000000000000000000000..86024f61b691400bea99e5b1f506d9d9aef36e27
Binary files /dev/null and b/en/application-dev/ui/public_sys-resources/icon-notice.gif differ
diff --git a/en/application-dev/ui/public_sys-resources/icon-tip.gif b/en/application-dev/ui/public_sys-resources/icon-tip.gif
new file mode 100644
index 0000000000000000000000000000000000000000..93aa72053b510e456b149f36a0972703ea9999b7
Binary files /dev/null and b/en/application-dev/ui/public_sys-resources/icon-tip.gif differ
diff --git a/en/application-dev/ui/public_sys-resources/icon-warning.gif b/en/application-dev/ui/public_sys-resources/icon-warning.gif
new file mode 100644
index 0000000000000000000000000000000000000000..6e90d7cfc2193e39e10bb58c38d01a23f045d571
Binary files /dev/null and b/en/application-dev/ui/public_sys-resources/icon-warning.gif differ
diff --git a/en/application-dev/ui/ts-ui-state-mgmt-concepts.md b/en/application-dev/ui/ts-ui-state-mgmt-concepts.md
index d53e914453096d1b2248a372ddf812a7655ca9ae..ec3fbe4640e2bbe9c66ca2d4171beb3767fcd5a0 100644
--- a/en/application-dev/ui/ts-ui-state-mgmt-concepts.md
+++ b/en/application-dev/ui/ts-ui-state-mgmt-concepts.md
@@ -8,9 +8,14 @@ The development framework provides comprehensive application state management ca
## State Variable Decorators
-- **@State**: grants a component the state attribute. Each time the **@State** decorated variable changes, the component re-renders and updates the UI.
-- **@Link**: allows a component to depend on some state attributes of its parent component. Each time the data in one component is updated, the state of the other component is updated, and the parent and child components are rendered again.
-- **@Prop**: works in a way similar to that of **@Link**. The only difference is that the changes made by a child component are not synchronized to the parent component.
+- **@State**: grants a component the state attribute. Each time the **@State** decorated variable changes, the component re-renders and updates the UI.
+
+- **@Link**: allows a component to depend on some state attributes of its parent component. Each time the data in one component is updated, the state of the other component is updated, and the parent and child components are rendered again.
+
+- **@Prop**: works in a way similar to that of **@Link**. The only difference is that the changes made by a child component are not synchronized to the parent component.
+
+ >  **NOTE**
+ > The state variable name cannot be **id**, for example, **@Prop id:number**.
## Application State Data