@skhemata/skhemata-blog
Version:
Skhemata Blog Web Component. This web component provides several sub components in addition to main component, allowing featured blogs, blog listing and blog post display.
49 lines • 1.57 kB
JavaScript
import { html } from '@skhemata/skhemata-base';
import '../skhemata-blog.js';
import { argTypes } from './argTypes';
export default {
title: 'Wordpress/SkhemataBlog/SkhemataBlogCategories',
component: 'skhemata-blog',
argTypes: {
apiWordpress: argTypes.apiWordpress,
blogPagePath: argTypes.blogPagePath,
navigate: argTypes.navigate,
skhemataBlogCategoriesBackgroundColor: argTypes.skhemataBlogCategoriesBackgroundColor,
skhemataBlogCategoriesTextColor: argTypes.skhemataBlogCategoriesTextColor,
},
};
const Template = ({ apiWordpress = {
url: 'https://wp.skhemata.com/wp-json/wp/v2'
}, blogPagePath = '', skhemataBlogCategoriesTextColor, skhemataBlogCategoriesBackgroundColor, }) => html `
<style>
body{
--skhemata-blog-categories-text-color: ${skhemataBlogCategoriesTextColor};
--skhemata-blog-categories-background-color: ${skhemataBlogCategoriesBackgroundColor};
}
</style>
<skhemata-blog-categories
.apiWordpress=${apiWordpress}
.blogPagePath=${blogPagePath}
>
</skhemata-blog-categories>
`;
export const Example = Template.bind({});
Example.args = {
apiWordpress: {
url: 'https://wp.skhemata.com/wp-json/wp/v2'
},
};
Example.parameters = {
docs: {
source: {
code: `
<skhemata-blog-categories
api-wordpress="${JSON.stringify(Example.args.apiWordpress, null, 2).replace(/"/g, '\\"')}"
blog-page-path=""
>
</skhemata-blog-categories>
`,
},
},
};
//# sourceMappingURL=SkhemataBlogCategories.stories.js.map