@cbpds/web-components
Version:
Web components for the CBP Design System.
42 lines (41 loc) • 1.21 kB
JavaScript
/*!
* CPB Design System web components - built with Stencil
*/
export default {
title: 'Components/Banner',
tags: ['beta'],
argTypes: {
bannerTitle: {
name: 'Banner title',
description: 'Text to fill the banner h2',
control: 'text',
},
bannerContent: {
name: 'Banner Content',
description: 'Text to fill the banner Content',
control: 'text',
},
},
args: {},
};
const Template = ({ bannerTitle, bannerContent }) => {
return `
<cbp-banner>
<cbp-typography
slot='cbp-banner-title'
tag='div'
variant='heading-md'
context='dark-always'
>
${bannerTitle}
</cbp-typography>
${bannerContent}
</cbp-banner>
`;
};
export const Banner = Template.bind({});
Banner.args = {
bannerTitle: 'Scheduled Maintenance Notice',
bannerContent: 'This application will be undergoing scheduled maintenance from 10/5/XXXX to 10/31/XXXX from 12am - 3am and wil be unavaliable during these times.'
};
//# sourceMappingURL=cbp-banner.stories.js.map