volto icon indicating copy to clipboard operation
volto copied to clipboard

Add className prop to each Sidebar tab

Open alexandreIFB opened this issue 6 months ago • 1 comments

Description:

Currently, the Sidebar component does not identify each tab individually with a className or similar property. This makes it difficult to apply specific customizations or hide tabs via CSS.

Motivation:

In my case, I am using column blocks that have issues in the "Order" tab, and we need to hide it. If it were possible to add a specific class to each tab, it would be feasible to customize or hide tabs as needed.

Suggestion:

Add a className prop to each tab, allowing individual customization via CSS.

alexandreIFB avatar Jun 13 '25 13:06 alexandreIFB

For your use case I think it'd be better to add a config setting for hiding the order tab, rather than hiding it using CSS. If you're not using it, you don't want to spend CPU time rendering it.

I'm okay with adding the CSS class though, since it could also be useful for custom styling.

davisagli avatar Jun 15 '25 22:06 davisagli