This commit is contained in:
Kyle Fang
2020-01-13 22:55:40 +08:00
parent 693b450c37
commit c52d585313

View File

@@ -1,6 +1,6 @@
import React from "react";
import {select, withKnobs} from "@storybook/addon-knobs";
import AwesomeButton, {AwesomeButtonProps} from "./AwesomeButton";
import { select, withKnobs } from "@storybook/addon-knobs";
import AwesomeButton, { AwesomeButtonProps } from "./AwesomeButton";
export default {
title: "AwesomeButton",
@@ -9,27 +9,14 @@ export default {
};
export const Single = () => {
const type = select<AwesomeButtonProps['type']>(
const type = select<AwesomeButtonProps["type"]>(
"Type",
['Awesome', 'Cool', 'Sup'],
["Awesome", "Cool", "Sup"] as any,
"Awesome"
);
return (
<div className="flex">
<AwesomeButton type={type}/>
</div>
);
};
export const Multiple = () => {
const type = select<AwesomeButtonProps['type']>(
"Type",
['Awesome', 'Cool', 'Sup'],
"Cool"
);
return (
<div className="flex">
<AwesomeButton type={type}/>
<AwesomeButton type={type} />
</div>
);
};