diff --git a/addons/docs/src/frameworks/common/enhanceArgTypes.test.ts b/addons/docs/src/frameworks/common/enhanceArgTypes.test.ts index 889a5b296be4..10ba2a3fc24d 100644 --- a/addons/docs/src/frameworks/common/enhanceArgTypes.test.ts +++ b/addons/docs/src/frameworks/common/enhanceArgTypes.test.ts @@ -136,18 +136,17 @@ describe('enhanceArgTypes', () => { it('options', () => { expect( enhance({ - argType: { control: { type: 'options', options: [1, 2], controlType: 'radio' } }, + argType: { control: { type: 'radio', options: [1, 2] } }, }).input ).toMatchInlineSnapshot(` { "name": "input", "control": { - "type": "options", + "type": "radio", "options": [ 1, 2 - ], - "controlType": "radio" + ] } } `); diff --git a/examples/official-storybook/stories/addon-docs/props.stories.mdx b/examples/official-storybook/stories/addon-docs/props.stories.mdx index 879ab6984e52..7f16a2dd2507 100644 --- a/examples/official-storybook/stories/addon-docs/props.stories.mdx +++ b/examples/official-storybook/stories/addon-docs/props.stories.mdx @@ -105,7 +105,7 @@ export const FooBar = ({ foo, bar, baz } = {}) => ( argTypes={{ count: { control: { type: 'range', min: 0, max: 10 } }, label: { - control: { type: 'options', options: ['apple', 'banana', 'cherry'] }, + control: { type: 'select', options: ['apple', 'banana', 'cherry'] }, }, background: { control: { type: 'color' } }, }} diff --git a/examples/vue-cli/src/button/Button.stories.ts b/examples/vue-cli/src/button/Button.stories.ts index e4bd7d2995a2..d42ad431b027 100644 --- a/examples/vue-cli/src/button/Button.stories.ts +++ b/examples/vue-cli/src/button/Button.stories.ts @@ -14,5 +14,5 @@ export const ButtonWithProps = (args: any) => ({ }, }); ButtonWithProps.argTypes = { - size: { control: { type: 'options', options: ButtonSizes } }, + size: { control: { type: 'select', options: ButtonSizes } }, };