With the new tags approach to generate docs, the ordering is different from the behaviour of v6. For example in the image attached, in v6 the Default Modal would appear first and then the contained modal, but here is the opposite. The code for this story (shortened to fit the message):
import { ComponentProps, useState } from 'react';
import { StoryFn, Meta } from '@storybook/react';
import { Modal, Button, DragAndDrop } from '@neo4j-ndl/react/src';
import isChromatic from 'chromatic';
export default {
title: 'UIComponents/Modal',
decorators: [(storyFn) => <div style={{ height: '800px' }}>{storyFn()}</div>],
tags: ['docsPage'],
component: Modal,
parameters: {
chromatic: { delay: 100 },
},
} as Meta;
const Template: StoryFn<ComponentProps<typeof Modal>> = (args) => {
......
};
export const DefaultModal = Template.bind({});
DefaultModal.args = {};
const ContainedModalTemplate: StoryFn<ComponentProps<typeof Modal>> = (
args
) => {
....
};
export const ContainedModal = ContainedModalTemplate.bind({});
ContainedModal.args = {};