examples/angular-cli/src/stories/addons/backgrounds/addon-background.stories.ts
import { Story, Meta } from '@storybook/angular';
import { Button } from '@storybook/angular/demo';
export default {
title: 'Addons / Backgrounds',
component: Button,
parameters: {
backgrounds: {
default: 'twitter',
values: [
{ name: 'twitter', value: '#00aced' },
{ name: 'facebook', value: '#3b5998' },
],
},
},
} as Meta;
export const WithComponent: Story = () => ({
props: { text: 'Button' },
});
export const WithTemplate: Story = () => ({
template: `<storybook-button-component [text]="text" (onClick)="onClick($event)"></storybook-button-component>`,
props: { text: 'Button' },
});
export const Overridden = () => ({
props: { text: 'This one should have different backgrounds' },
});
Overridden.parameters = {
backgrounds: {
default: 'pink',
values: [
{ name: 'pink', value: 'hotpink' },
{ name: 'blue', value: 'deepskyblue' },
],
},
};