Optional backdrop in slideover component

[Bhavik-ag]

WHAT

🤖 Generated by Copilot at 45ba1b1

Enhanced the SlideOver component with new props to control its appearance and behavior. This allows more flexibility and usability for the modal window feature.

Proposed Changes

• Fixes Optional backdrop in slideover component #5820
• Making backdrop in slideover component optional
• Option to enable or disable closing of modal on outside click

@coronasafe/care-fe-code-reviewers @coronasafe/code-reviewers

Merge Checklist

• Add specs that demonstrate bug / test a new feature.
• Update product documentation.
• Ensure that UI text is kept in I18n files.
• Prep screenshot or demo video for changelog entry, and attach it to issue.
• Request for Peer Reviews
• Completion of QA

HOW

🤖 Generated by Copilot at 45ba1b1

• Add optional properties to customize slide over appearance and behavior (link)
• Set default values for new properties in SlideOver component (link)
• Modify Dialog component to accept a function for onClose prop (link)
• Use classNames utility to apply conditional CSS classes to backdrop div element (link)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
care-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 3, 2023 5:16am

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	3453b9c
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/64a25968bbb45d000872863b
😎 Deploy Preview	https://deploy-preview-5821--care-egov-staging.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[nihal467]

existing slideover looks good to me

[Bhavik-ag]

existing slideover looks good to me

I am using the SlideOver component for Doctor notes. Because of that we need to make the backdrop optional.