0
281
VistasClasificación en Storybook: ¿Es posible forzar un orden para las historias anidadas?
My Storybook utiliza la siguiente agrupación para las historias:
Introduction Styleguide Atoms Component 📄 README 📁 Examples Component 📄 README 📁 Examples Molecules Component 📄 README 📁 Examples Organisms Component 📄 README 📁 Examples- Básicamente tres grupos: Átomos, Moléculas y Organismos.
- Cada grupo debe tener componentes alfabéticos. Esto actualmente funciona.
- Cada componente tiene un archivo README mdx y luego todas las historias anidadas en Ejemplos.
Actualmente estoy clasificando historias como esta:
options: { storySort: { method: 'alphabetical', order: ['Introduction', 'Styleguide', 'Atoms', 'Molecules', 'Organisms'], locales: 'en-US', } },Esto me acerca , pero el README y los ejemplos dentro de las historias de los componentes aparecen en orden alfabético cuando quiero que README aparezca primero.
es posible?
1 Respuestas
Responde la pregunta0
Tuve un problema similar, y pude encontrar una manera de hacer lo que solicitaste, después de encontrar esta información en la documentación del libro de cuentos : 
Para tu caso específico, creo que podrías hacer algo como esto:
options: { storySort: { method: 'alphabetical', order: ['Introduction', 'Styleguide', 'Atoms', ['Readme', '*'], 'Molecules', ['Readme', '*'], 'Organisms', ['Readme', '*']], locales: 'en-US', } }, Básicamente, solo tiene que agregar , ['Readme', '*'] después de cada grupo que desee ordenar usando el Readme first . Esto solo indica que el libro de cuentos muestre primero la historia Readme y luego el resto de las historias.
Este enfoque resuelve el problema, pero creo que la solución podría mejorarse escribiendo sus propias funciones storySort, como se indica en este comentario en github
Espero que esta respuesta también sea útil para su escenario.
Saludos