Overlay for Side Modal Component

[tonge495]

Hi Paste team,

For the side panel component, is there any documentation around including an dark background overlay when the side panel is open (similar to the modal experience)?

[TwilioPasteBot]

Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary.

---

Sorry, I don't know how to help with that.

I did do a search though, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:

• Side modal Evergreen to Paste discrepancy (updated: 06/22/2023, similarity score: 86%)
• Utilizing the SideModal with Flex UI 2.6.1 (updated: 04/01/2024, similarity score: 85%)
• Modal overlay not covering the whole page (updated: 09/08/2022, similarity score: 85%)

[dosubot[bot]]

I couldn't find specific documentation in the Paste repository about adding a dark background overlay to the Side Panel component. However, there are some related discussions that might be helpful. For instance, in a discussion about the side modal, it was mentioned that the side modal intentionally does not use an overlay to allow users to view and interact with the content underneath ^[1].

If you want to implement a dark background overlay similar to a modal, you might need to customize the component yourself, as there doesn't seem to be built-in support for this feature in the current implementation.

To continue talking to Dosu, mention @dosu.

[serifluous]

Hey @tonge495 ! Can you share more about your use case? Specifically, if there's a reason you need to use the Side Modal instead of the regular Modal if you want to show an overlay?

[tonge495]

For Sales Copilot (Wise Owl for Sales Agents), we are creating a prompt library feature. The current amount of content on the prompt library may get rather lengthy which is why we had opted for a side panel instead of the modal.

Just curious if the side modal is intended to not include the background overlay? If so, I'd be fine without it as well.

[serifluous]

Got it—I'd recommend Modal here still since our normal Modal adjusts to the height of the content in it, so it'll accommodate lengthy content.

Side Modal should mainly only be used when the user needs to reference content on the page while having the Side Modal open, which is why there's no background overlay. So for all other modal cases, you can default to using the normal Modal.

[tonge495]

Thanks for the context! I'll need to discuss with the team on this a bit as I think there may be future state of this where the user needs to reference the content on the page. At least for now, we're on a bit of a tight timeline and this has already been created so if we decide to update later on, would probably need to be a betterment.