GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-17 00:05:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'next' of github.com:storybookjs/storybook into 20600-bug-storybook-docs-css-cascading-into-our-components

Browse Source
This commit is contained in:
Jeppe Reinhold 2023-02-18 23:13:14 +01:00
commit 1ad7210a93
3 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
code/renderers/vue/src/render.ts
View File

@ -80,15 +80,16 @@ export const render: ArgsStoryFn<VueRenderer> = (args, context) => {
.filter((argType) => argType?.table?.category === 'events')
.map((argType) => argType.name);
const camelCase = (str: string) => str.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
if (eventProps.length) {
eventsBinding = eventProps.map((name) => `@${name}="$props.${name}"`).join(' ');
eventsBinding = `${eventsBinding} `;
eventsBinding = eventProps.map((name) => `@${name}="$props['${camelCase(name)}']"`).join(' ');
}
return {
props: Object.keys(argTypes),
components: { [componentName]: component },
template: `<${componentName} ${eventsBinding}v-bind="filterOutEventProps($props)" />`,
template: `<${componentName} ${eventsBinding} v-bind="filterOutEventProps($props)" />`,
methods: {
filterOutEventProps(props: object) {
return Object.fromEntries(

6
docs/snippets/react/button-story-using-args.ts-4-9.mdx
View File

@ -19,8 +19,10 @@ export default meta;
type Story = StoryObj<typeof meta>;
export const Primary: Story = {
backgroundColor: '#ff0',
label: 'Button',
args: {
backgroundColor: '#ff0',
label: 'Button',
},
};
export const Secondary: Story = {

6
docs/snippets/react/button-story-using-args.ts.mdx
View File

@ -18,8 +18,10 @@ export default meta;
type Story = StoryObj<typeof Button>;
export const Primary: Story = {
backgroundColor: '#ff0',
label: 'Button',
args: {
backgroundColor: '#ff0',
label: 'Button',
},
};
export const Secondary: Story = {