2019-10-17 11:37:25 +02:00
|
|
|
import React from "react";
|
|
|
|
import { action } from "@storybook/addon-actions";
|
|
|
|
import { Button } from "@storybook/react/demo";
|
|
|
|
|
|
|
|
export default {
|
2019-12-09 16:45:55 +08:00
|
|
|
title: "Button",
|
|
|
|
excludeStories: ["text"],
|
|
|
|
includeStories: /emoji.*/
|
2019-10-17 11:37:25 +02:00
|
|
|
};
|
|
|
|
|
|
|
|
export const text = () => (
|
|
|
|
<Button onClick={action("clicked")}>Hello Button</Button>
|
|
|
|
);
|
|
|
|
|
|
|
|
export const emoji = () => (
|
|
|
|
<Button onClick={action("clicked")}>
|
|
|
|
<span role="img" aria-label="so cool">
|
|
|
|
😀 😎 👍 💯
|
|
|
|
</span>
|
|
|
|
</Button>
|
|
|
|
);
|
2019-12-07 08:40:12 +00:00
|
|
|
|
|
|
|
export function emojiFn() {
|
|
|
|
return (
|
|
|
|
<Button onClick={action("clicked")}>
|
|
|
|
<span role="img" aria-label="so cool">
|
|
|
|
😀 😎 👍 💯
|
|
|
|
</span>
|
|
|
|
</Button>
|
|
|
|
)
|
|
|
|
};
|