Is it possible to have README docs appear first in Storybook navigation, then all stories after?

  javascript, reactjs, storybook

I have all Storybook stories nested under a “Docs” header. Every component gets a README mdx file, then as many stories as necessary. I would like for the README to always appear first in the navigation, then stories can be sorted as they are naturally.

This is my desired sort:

Docs
│
├─ Button
│  │
│  ├─ README
│  ├─ Button Story One
│  ├─ Button Story Two
│  └─ Button Story One
│
└─ Icon
   │
   ├─ README
   ├─ Icon Story One
   ├─ Icon Story Two
   ├─ Icon Story Three
   └─ Icon Story Four

Is this possible? If so, how?

Source: Ask Javascript Questions

LEAVE A COMMENT