39 lines
809 B
TypeScript
39 lines
809 B
TypeScript
|
import { Meta, Story } from "@storybook/angular";
|
||
|
|
||
|
import { BannerComponent } from "./banner.component";
|
||
|
|
||
|
export default {
|
||
|
title: "Jslib/Banner",
|
||
|
component: BannerComponent,
|
||
|
args: {
|
||
|
bannerType: "warning",
|
||
|
},
|
||
|
} as Meta;
|
||
|
|
||
|
const Template: Story<BannerComponent> = (args: BannerComponent) => ({
|
||
|
props: args,
|
||
|
template: `
|
||
|
<bit-banner [bannerType]="bannerType">Content Really Long Text Lorem Ipsum Ipsum Ipsum <button>Button</button></bit-banner>
|
||
|
`,
|
||
|
});
|
||
|
|
||
|
export const Premium = Template.bind({});
|
||
|
Premium.args = {
|
||
|
bannerType: "premium",
|
||
|
};
|
||
|
|
||
|
export const Info = Template.bind({});
|
||
|
Info.args = {
|
||
|
bannerType: "info",
|
||
|
};
|
||
|
|
||
|
export const Warning = Template.bind({});
|
||
|
Warning.args = {
|
||
|
bannerType: "warning",
|
||
|
};
|
||
|
|
||
|
export const Danger = Template.bind({});
|
||
|
Danger.args = {
|
||
|
bannerType: "danger",
|
||
|
};
|