Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2025-02-16 01:21:48 +01:00
Code Issues Projects Releases Wiki Activity

[CL-149] add stacked banner story (#7106)

Browse Source
This commit is contained in:
Will Martin 2023-12-08 11:49:20 -05:00 committed by GitHub
parent 04741bcab4
commit 0b6af73435
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 33 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
libs/components/src/banner/banner.stories.ts
View File

@ -90,3 +90,36 @@ export const HideClose: Story = {
showClose: false, showClose: false,
}, },
}; };
export const Stacked: Story = {
args: {},
render: (args: BannerComponent) => ({
props: args,
template: `
<bit-banner bannerType="premium" (onClose)="onClose($event)">
Bruce
</bit-banner>
<bit-banner bannerType="premium" (onClose)="onClose($event)">
Bruce
</bit-banner>
<bit-banner bannerType="warning" (onClose)="onClose($event)">
Bruce
</bit-banner>
<bit-banner bannerType="warning" (onClose)="onClose($event)">
Bruce
</bit-banner>
<bit-banner bannerType="danger" (onClose)="onClose($event)">
Bruce
</bit-banner>
<bit-banner bannerType="danger" (onClose)="onClose($event)">
Bruce
</bit-banner>
<bit-banner bannerType="info" (onClose)="onClose($event)">
Bruce
</bit-banner>
<bit-banner bannerType="info" (onClose)="onClose($event)">
Bruce
</bit-banner>
`,
}),
};