Set defaults per stories

[wladpaiva]

I wonder if there is any way we could set up default for specific stories. It would make a lot faster to test impact of changes using chromatic

[iamfreund]

import { useEffect, useGlobals } from '@storybook/client-api';

// ....

export const ButtonStory: Story<PropsWithChildren<ButtonProps>> = (args) => {
    const [_, updateGlobals] = useGlobals();

    useEffect(() => {
        // enable dark mode when component mounts
        updateGlobals({ darkMode: true });

        // disable dark mode when component unmounts
        return () => updateGlobals({ darkMode: false });
    }, []);

    return (
        <Button {...args}>{args.children}</Button>
    );
};

ButtonStory.args = {
    variant: ButtonVariant.PRIMARY,
    children: 'Button',
};