To add tags, the user can click on the "Add" button bottom right corner of the window.
Then an empty slot would appear towards the bottom of the window. The user can select add multiple times and it'll continue to create additional empty slots to add tags.
From here, the user has the ability to change the tag type by selecting the circle icon on the left side. That would bring up a pop up with different available tag types.
Then the user would select the first box to type in the tag name. Once selected, the user will also see a list of suggested tags to select and use or type what they want.
Then once typing in a tag name, the user can either hit the "Tab" or "Enter" keys to move to the next box on the right or just manually select it.
Once in the second box, the user can type in the value for the tag IF its going to be a property tag. To add as a marker tag, the user would hit the "Enter" key twice. That would add it as a marker tag.
If the user leaves both boxes empty and hits apply, it would just ignores those and not add anything.
Another way to add tags is to select and hold the "Add" button to see the below space available to type in tags manually.
To add tags manually, they would be formatted like it shows in the image. Some common examples below for different types.
Marker Tag:
foo
Number Tag:
foo:15 with unit foo:15min
Bool Tag:
foo:false
String Tag:
foo:"value here"
Ref Tag:
foo:@p:demo:r:1eeb01fe-380485ec
To add multiple at one time, separate them with a semicolons.
foo; description:"example"; onDemand:true
Once done adding or if decided not to add any, select Done. Hit the Apply button after to add the changes.