He implementado algunas historias en MDX sin formato. Estoy usando la versión @storybook/react ^6.3.12 . He aquí un breve ejemplo:
## Examples ### Dark Background The same styling works on light or dark background. *Due to a storybook bug, you cannot see dark-background stories in the Docs page. Use the Canvas page instead.* <Canvas> <Story name="Dark Background" parameters={{ backgrounds: {default: 'dark'} }} args={{}} > {args => ( <Selector assets={[...fixtures, ...fixtures]} /> )} </Story> </Canvas> ### Few Assets With only a few assets, the slider works the same way but without moving the thumbnails. <Canvas> <Story name="Few assets" args={{}}> {args => ( <Selector assets={[fixtures[0], fixtures[1]]} /> )} </Story> </Canvas>Debido a problemas con MDX, estoy cambiando a CSF. Aquí hay un breve ejemplo (el segundo ejemplo de arriba).
export const FewAssets = (args) => ( <Selector assets={[fixtures[0], fixtures[1]]} /> ); FewAssets.args = {...}; // and so on with parameters or whatever.He leído los documentos muchas veces ahora. Parece que no puedo entender cómo agregar una copia a la página en CSF:
### Few Assets With only a few assets, the slider works the same way but without moving the thumbnails.Pensé en simplemente agregarlo a la definición de la historia, pero luego la página de documentos muestra todo ese marcado cuando miras el código de muestra.
¿Me estoy perdiendo algo obvio?