[Sistent] Implement Modal component page

[ritiksaxena124]

Current Behavior

There is no page for Modal in Sistent

Desired Behavior

Implement the modal page using this Figma mockup

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[github-actions]

This issue has been labeled with 'component/ui'. 🧰 Here are docs on Contributing to Meshery UI. 🎨 Here is the Meshery UI Figma File File. Lastly, here are docs on Contributing to Meshery's End-to-End Tests Using Cypress.

---

        Be sure to join the community, if you haven't yet and please leave a ⭐ star on the project 😄

[github-actions]

This issue has been labeled with 'component/ui'. 🧰 Here are docs on Contributing to Meshery UI. 🎨 Here is the Meshery UI Figma File File. Lastly, here are docs on Contributing to Meshery's End-to-End Tests Using Cypress.

---

        Be sure to join the community, if you haven't yet and please leave a ⭐ star on the project 😄

[Rexford74]

Hi @narasimha-1511! Do you still intend to take up this issue?

[narasimha-1511]

@Rexford74 I am actuvally confused what to do in this issue , i am not clear .

[Rexford74]

Okay. Let me explain a little more. So under components in Sistent on the Layer5 website, there is a page for button component, and one for text input. This issue is to create a page for modals as is seen in the mockups just like we have for buttons & text input.

Let me know if this helps.

[Aryakoste]

Hello @ritiksaxena124 I would like to work on this issue.

[ritiksaxena124]

Sure @Aryakoste go ahead 👍

[vishalvivekm]

Hey @Aryakoste, do you have any updates that you wanna share ?
let's discuss this on today's website meeting at 5:30 PM IST. I am adding this as an agenda item. Please Join https://meet.layer5.io/websites if you are available during the meet.

[Aryakoste]

Sorry. Not available at that time.

[Aryakoste]

I have completed all the text part of modal component with overview, guidance and code section. Now just the example modals remains. I wanted to ask that for the code of Button and TextInput components there was a component in layer5/sistent node module which in turns use material ui. But for modal there is no component available layer5/sistent or there maybe and idk. So how should i proceed with this should i create custom modal component or something. @ritiksaxena124

[Aryakoste]

And in guidance and code section there are multiple varieties of modals. So do i have to create every variety using components.

[Rexford74]

I didn't know you were already working on this issue. Was just about to assign another contributor.. 😅. Thank you for raising these concerns @Aryakoste I'll look into it and give you feedback before the end of today.

[hargunkaur286]

Can I work on this issue? @Rexford74

[deauthe]

hey @Rexford74 , is this issue available to work on?

[Aryakoste]

Hello @Rexford74 Any updates on how should i proceed with this issue.

[vishalvivekm]

Hello @Rexford74 Any updates on how should i proceed with this issue.

@Rexford74 @Aryakoste Let's make sure to discuss this in Monday's websites call.