[Docs] Convert Static Image to Meshery Design - 2

[zihanKuang]

Objective:

The goal is to convert the static image referenced below into an interactive, embeddable Meshery Design.

Link: https://docs.layer5.io/cloud/identity/users/user-management/

Contributor Instructions:

1. Use Meshery Designer to replicate the visual content of the image.
2. If the image contains text, please use the Image shape for the text and assign it a name. Do not use the Text shape, as it will not render in the embedded view.
3. After creating the design, paste the public URL in a comment below. This allows for discussion and optimization before final embedding.
4. Adding Links: If the original image contained a hyperlink, replicate this in your design. Click the relevant component and use the "Update external link" option to add the URL.
5. By completing your first design, you will be awarded the "Design Pioneer" badge.

[riju-talk]

@zihanKuang hi, can you assign this issue to me

[riju-talk]

just figuring out the interface, will complete this shortly

[riju-talk]

https://playground.meshery.io/extension/meshmap?mode=design&design=066b0ef3-7956-4c3b-a5cc-1d276ac13ec6

please check this out

[zihanKuang]

https://playground.meshery.io/extension/meshmap?mode=design&design=066b0ef3-7956-4c3b-a5cc-1d276ac13ec6

please check this out

Excellent job! Next, could you embed your design into this page (https://docs.layer5.io/cloud/identity/users/user-management/)?

Then, submit a PR, using the steps and example provided below for embedding: https://docs.layer5.io/kanvas/designer/embedding-designs/#embedded-design-example

[riju-talk]

Sure, right on it.

[riju-talk]

could you please help me understand what went wrong, as I did not use a text component here I used shapes and wrote the text in shapes.

[riju-talk]

once that is done the issue is done and dusted.

[riju-talk]

I found this workaround please tell me if this is fine I will initate a PR.

[riju-talk]

okay, almost there now, getting the PR shortly