Ability to escape slashes in story names

[tgelu]

Seems like the assumption about / being an inescapable hierarchy separator doesn't quite hold. The only alternative one can opt for is to use a homoglyph instead of /. That is ugly and makes the urls even uglier.

In any case, I don't want to suggest we should go back to configuring the separator. I only want to suggest a way to escape the /, like one would in a regex, for example Components\/Button. Or to change the type of title from string with a special convention to Array<string> which seems to describe the intent more precisely and clearly.

[shilman]

We’re cleaning house! Storybook has changed a lot since this issue was created and we don’t know if it’s still valid. Please open a new issue referencing this one if this is still relevant in SB 7.x.

[SkReD]

Figured out that combination of replacing in story title / with ## for example and adding manager config with renderLabel do the trick

import { addons } from '@storybook/manager-api';

addons.setConfig({
sidebar: {
    showRoots: false,
    renderLabel(item) {
        return item.name.replace(/##/g, '/')
    }
}
});