How to make story args reactive ?

[julienchazal]

Hello

My table component has a pagination, i want the content of the table to change when i use pagination
After reading this i tried this:

// Table.stories.svelte

<script lang="ts">
	const tablePaginationProps = {...}
</script>

<Story name="With pagination" args={tablePaginationProps}>
	{#snippet children(args)}
		<Table {...args}></Table>
	{/snippet}
</Story>

if tablePaginationProps is updated, the story is not re-rendered to display new content of the table
how can i do this please ?
i'm using Storybook 8.6.3 and storybook/addon-svelte-csf 5.0.0-next.27

thx

[xeho91]

Hi @julienchazal. I've transferred your question to Discussion under the Q&A category.

From what you shared, it seems fine in the code for *.stories.svelte. However, we'd need to understand what's happening inside the <Table> component to investigate the problem.

Any chance you could provide a very small reproduction with just this component - <Table>?