Skip to content

Commit 1e6dba3

Browse files
committed
Readme updated
1 parent 3ea7a25 commit 1e6dba3

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

README.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -21,13 +21,15 @@ In other words, **you can draw prototypes and export React / Typescript code!**
2121
- Editable code preview
2222
- Prop value designation for component children
2323

24+
![Image of React Native Mode](https://i.imgur.com/UovBb2P.png)
25+
2426
Download for [MacOS](https://github.com/team-reactype/ReacType/releases), [Windows](https://github.com/team-reactype/ReacType/releases/), [Linux](https://github.com/team-reactype/ReacType/releases/).
2527

2628
* **Mac users**: for now you might need to go to your security settings to allow the app run on your system as we do not have an Apple license yet.
2729

2830
* **Linux users**: run the application as a super user in order to read and write files.
2931

30-
![Image of ReacType Application](https://i.imgur.com/0wV7R1P.jpg)
32+
![Image of ReacType Application](https://i.imgur.com/OgcP9II.png)
3133

3234
### How to use
3335

@@ -37,16 +39,14 @@ Download for [MacOS](https://github.com/team-reactype/ReacType/releases), [Windo
3739
- To render a component **_instance_** to the screen, first select the component, or _parent_, that the instance will be rendered within. This selected component will be represented in a new canvas view, with its own white box. Then press the plus button next to the component name. An instance, or _child_, representation will appear on the canvas.
3840
- To add draggable **HTML elements**, select the image icons on the lower left panel.
3941

40-
![Gif of adding](https://imgur.com/sZloD8o.gif)
42+
![Gif of adding](https://i.imgur.com/hdVTFcP.gif)
4143

4244
- The bottom panel allows the user to toggle between 4 different views: a **tree diagram of the application**, a **real-time preview of the exportable code**, a form to enter component props, and a form to add HTML attributes.
4345

44-
![Gif of code preview & tree](https://imgur.com/KZb2UTO.gif)
45-
4646
- **_Props_** can be added to each component within its tab on bottom panel. Enter in a _key-value pair_, select its data _type_ and press the bottom 'ADD PROP'.
4747
- **_HTML Element Attributes_** of class name and ID can be added to each HTML element after an HTML element has been rendered to the canvas.
4848

49-
![Gif of attr & props](https://imgur.com/JgCiBE9.gif)
49+
![Gif of attr & props](https://i.imgur.com/cmgOLLN.gif)
5050

5151
- To **_delete_** a _child_ or instance from the canvas, select the desired instance and either press the _delete_ key.
5252
- To **_delete_** a _component_, click the 'DELETE' button of the desired component in the left panel.

0 commit comments

Comments
 (0)