在storybook的doc中新增props的arg下拉選單

這邊用的是storybook 6.1.14＋react，我記得太舊storybook的版本還沒有這個功能，建議都先升級到6以上的版本，但是輸出stories的寫法會不同，升級前須再確認一下喔。

原本我們寫component的時候會先制定他可以傳入哪些props，通常會這樣宣告：

export interface ButtonProps {
  block?: boolean;
  type?: "primary | green | disabled | light";
}

這樣的話，storybook 會幫你把型態設定為字串，所以會出現 input，但是我只能輸入"primary | green | disabled | light"這幾種，我不想再 doc 那邊隨便讓人輸入，這時候就可以加入 control 屬性。

export default {
  title: "Component/Button",
  component: Button,
  argTypes: {
    block: {
      control: {
        type: "boolean",
      },
    },
    color: {
      control: {
        type: "select",
        options: ["primary", "green", "disabled", "light"],
      },
    },
  },
} as Meta;