funky-framadate-front/src/stories/1-Button.stories.ts

import { action } from '@storybook/addon-actions';
import { linkTo } from '@storybook/addon-links';

import { Button } from '@storybook/angular/demo';

export default {
	title: 'Button',
	component: Button,
};

export const Text = () => ({
	component: Button,
	props: {
		text: 'Hello Button',
	},
});

export const Emoji = () => ({
	component: Button,
	props: {
		text: '😀 😎 👍 💯',
	},
});

Emoji.story = {
	parameters: { notes: 'My notes on a button with emojis' },
};

export const WithSomeEmojiAndAction = () => ({
	component: Button,
	props: {
		text: '😀 😎 👍 💯',
		onClick: action('This was clicked OMG'),
	},
});

WithSomeEmojiAndAction.story = {
	name: 'with some emoji and action',
	parameters: { notes: 'My notes on a button with emojis' },
};

export const ButtonWithLinkToAnotherStory = () => ({
	component: Button,
	props: {
		text: 'Go to Welcome Story',
		onClick: linkTo('Welcome'),
	},
});

ButtonWithLinkToAnotherStory.story = {
	name: 'button with link to another story',
};