Panel

[shiftlabs1]

Clear and concise description of the problem

Panels currently are overlaid on other elements by default, and that is the only available mode

Suggested solution

It would be nice to have a slide-out panel that displaces the next div (usually the main component) and render it like a sidebar on larger displays , like that of framework7 reveal mode, with visible binding to keep open from a given breakpoint (this we can do with tailwind though).

Alternative

if there is a css only way to do this. Please suggest as that will be helpful

Additional context

No response

Validations

• [X] Follow our Code of Conduct
• [X] Read the docs.
• [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Would you like to open a PR for this feature?

• [ ] I'm willing to open a PR