storybook/examples/official-storybook/stories/addon-controls.stories.tsx

import React from 'react';
import Button from '../components/TsButton';

export default {
  title: 'Addons/Controls',
  component: Button,
  argTypes: {
    children: { control: 'text' },
    type: { control: 'text' },
    somethingElse: { control: 'object' },
  },
};

const Story = (args) => <Button {...args} />;

export const Basic = Story.bind({});
Basic.args = {
  children: 'basic',
  somethingElse: { a: 2 },
};

export const Action = Story.bind({});
Action.args = {
  children: 'hmmm',
  type: 'action',
  somethingElse: { a: 4 },
};

export const CustomControls = Story.bind({});
CustomControls.argTypes = {
  children: { table: { disable: true } },
  type: { control: { disable: true } },
};