[Docs] Add tips and trick: How to animate edges in Meshery Designs #327
Open
Description
Current State
Users can animate edges in Meshery Designs by adding an annotation in the relationship definition for edges created in designs.
Desired State
Add the following trick to an appropriate page.
Tip:
To enable this animation for an edge, set the animation property of relationship metadata to "marching-ants".
Example filename: edge-firewall.json
Example content:
{
"schemaVersion": "relationships.meshery.io/v1alpha2",
"version": "v1.0.0",
"kind": "Edge",
"metadata": {
"description": "A relationship that act as a firewall for ingress and egress traffic from Pods.",
"animation": "marching-ants",
"capabilities": {
"designer": {
"edit": {
"style": true,
"config": false,
"label": false
}
}
}
},
"model": {
"name": "kubernetes",
..... rest of relationship }
}Contributor Guides and Resources
- 📚 Instructions for contributing to documentation
- 🛠 Meshery Build & Release Strategy
- 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
- 🙋🏾🙋🏼 Questions: Layer5 Discussion Forum and Layer5 Community Slack