@cbpds/web-components
Version:
Web components for the CBP Design System.
30 lines (26 loc) • 1.16 kB
JavaScript
/*!
* CPB Design System web components - built with Stencil
*/
export default {
title: 'Introduction',
parameters: {
options: { showPanel: false },
},
};
const Template = () => {
return `
<cbp-app>
<img src="assets/images/cbp-seal.svg" height="245" width="245" alt="U.S. Customs and Border Protection Seal" style="margin-bottom: 2rem; margin-inline: auto" />
<cbp-typography tag="h1" sx='{"text-align":"center","margin-bottom":"1rem"}'>CBP Design System</cbp-typography>
<cbp-typography tag="h2" sx='{"margin-bottom":"1rem"}'>Work in Progress</cbp-typography>
<p>
The CBP Design System (1.0) is still in active development.
As such, breaking changes may be introduced but will be documented as such.
While we encourage you to explore our offerings, please do so with the knowledge that the codebase in these repositories may change.
Use at your own risk. We will communicate when a stable release will be made available.
</p>
</cbp-app>
`;
};
export const Introduction = Template.bind({});
//# sourceMappingURL=introduction.stories.js.map