children in the args object?

[stubar]

support request summary

Is it advisable to use the children prop in the args object of the CSF format?
It's not mentioned anywhere in the docs or indeed anywhere on the web, I want to showcase how a component behaves with different children passed in. Just checking this is standard.

Please specify which version of Storybook and optionally any affected addons that you're running

• @storybook/react 6.0.21

Screenshots / Screencast / Code Snippets (Optional)

export const Test = Template.bind({});
Test.args = {children:     <><Box>Test 1</Box></>}

[shilman]

It's an open issue here: #11429

[jonniebigodes]

Closing this issue as mappings is now a feature that is available to Storybook users. If there's still an issue, please leave a comment in the issue mentioned above.

[good-idea]

The docs for this are now here

// Replace your-renderer with the renderer you are using (e.g., react, vue3, angular, etc.)
import type { Meta } from '@storybook/your-renderer';

import { Example } from './Example';

const meta: Meta<typeof Example> = {
  component: Example,
  argTypes: {
    label: {
      options: ['Normal', 'Bold', 'Italic'],
      mapping: {
        Bold: <b>Bold</b>,
        Italic: <i>Italic</i>,
      },
    },
  },
};

export default meta;