Cleaner way to define sections

Just thinking aloud here: wouldn’t it be much easier to use the folder structure to define sections in the styleguide instead of using globs in the config file? For example, I currently have:

- components
| - ShareButton
| - AcquisitionButton
| - etc

But it’d be great if I could add a section to the sidebar by just grouping these buttons in its own button folder:

- components
| - Buttons
  | - ShareButton
  | - AcquisitionButton
| - etc

Would be happy to draft a PR if this is a viable option

[mik01aj]

I find it ok, but I’d say that currently configuring the cestions is not a problem for me. I have a styleguide with 120 examples, and my sections config is as simple as:

sections: [
    {name: 'Introduction', content: './introduction.md'},
    {name: 'Core UI', components: '../core/[A-Z]*/index.jsx'},
    {name: 'Generic UI & partials', components: '../ui/[A-Z]*/index.jsx'},
    {name: 'Dialogs', components: '../dialogs/[A-Z]*/index.jsx'},
    {name: 'Pages', components: '../pages/[A-Z]*/index.jsx'},
    {name: 'Admin UI', components: '../adminUi/[A-Z]*/index.jsx'},
],

And btw - think also about md-only sections (like the introduction in my case). I don’t want to put it in a new folder, so it looks like some config is still unavoidable.

And I’d also suggest that you write some full examples here, I mean: example file structures and the expected output. Then we could refine this before you even start coding. 😃

[mik01aj]

Good idea, but how would you specify section titles and additional docs (md) then?