[material-ui][Tabs] How to create a vertical tab with an arrow?

[RamDivrania]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

I'm trying to create mui4 tabs with vertical orientation and vector or aerrow shape indicator for selected tab.
But seems like it's completely impossible with React MUI4 library.

https://v4.mui.com/components/tabs/#vertical-tabs

This is what I'm trying to achieve,

Tried with css as well as below props but no luck

indicatorInset TabIndicatorProps

Current behavior 😯

Not able to customize vector as vector gets hidden when trying to position it outside of tab border.

Expected behavior 🤔

Can position indicator as svg or css vector outside of tab border

Context 🔦

N/A

Your environment 🌎

N/A

[RamDivrania]

https://stackoverflow.com/questions/77564246/mui4-vertical-selected-tab-with-vector-indicator-pointing-to-content

[ZeeshanTamboli]

For assistance, please provide a code reproduction using CodeSandbox. The issue template can guide you. It's unclear if the Tabs component is necessary initially here.

For general questions, consider asking on StackOverflow. If it's confirmed as an issue there, we can reopen this.

[github-actions]

👋 Thanks for using MUI Core!

We use GitHub issues exclusively as a bug and feature requests tracker, however,
this issue appears to be a support request.

For support, please check out https://mui.com/getting-started/support/. Thanks!

If you have a question on Stack Overflow, you are welcome to link to it here, it might help others.
If your issue is subsequently confirmed as a bug, and the report follows the issue template, it can be reopened.