@skhemata/skhemata-blog/dist/stories/argTypes.js

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.

const category = {
    attributes: 'HTML Attributes',
    events: 'Events'
};
export const argTypes = {
    apiWordpress: {
        name: 'api-wordpress',
        control: 'object',
        table: {
            category: category.attributes,
            type: {
                summary: 'object',
                detail: `
{ 
  url: string
}
`
            },
        },
        description: 'Wordpress API Object',
    },
    pagerType: {
        name: 'pager-type',
        control: 'text',
        table: {
            category: category.attributes,
            type: {
                summary: 'string',
            },
        },
        description: 'Pager type "traditional" for previous and next pages and page number display, "infinite" for a "Show More..." button.',
    },
    postsPerPage: {
        name: 'posts-per-page',
        control: 'number',
        table: {
            category: category.attributes,
            type: {
                summary: 'number',
            },
        },
        description: 'Number of posts that initially display, and that load when "Show More..." is clicked'
    },
    blogPagePath: {
        name: 'blog-page-path',
        table: {
            category: category.attributes,
            type: {
                summary: 'string',
            },
        },
        description: 'The url path the blog component is embedded on'
    },
    slug: {
        name: 'slug',
        control: 'text',
        table: {
            category: category.attributes,
            type: {
                summary: 'string',
            },
        },
        description: 'The slug of the blog post to display'
    },
    navigate: {
        name: 'navigate',
        table: {
            category: category.events,
            type: {
                summary: 'event',
                detail: `
{
  detail: { 
    slug: string
  }
}
`
            }
        },
        description: `Fires when link is clicked.`
    },
    skhemataBlogTextColor: {
        name: '--skhemata-blog-text-color',
        control: 'color',
        description: 'Color of the normal text',
        defaultValue: 'rgb(92, 98, 101)',
        table: {
            category: 'CSS Properties',
            type: 'color'
        }
    },
    skhemataBlogLinkColor: {
        name: '--skhemata-blog-link-color',
        control: 'color',
        description: 'Text color of the links',
        defaultValue: 'rgb(50, 149, 220)',
        table: {
            category: 'CSS Properties',
            type: 'color'
        }
    },
    skhemataBlogListTitleColor: {
        name: '--skhemata-blog-list-title-color',
        control: 'color',
        description: 'Color of the normal text',
        defaultValue: 'rgb(50, 149, 220)',
        table: {
            category: 'CSS Properties',
            type: 'color'
        }
    },
    skhemataBlogCategoriesTextColor: {
        name: '--skhemata-blog-categories-text-color',
        control: 'color',
        description: 'Color of the text',
        defaultValue: 'rgba(0, 0, 0, 0.7)',
        table: {
            category: 'CSS Properties',
            type: 'color'
        }
    },
    skhemataBlogCategoriesBackgroundColor: {
        name: '--skhemata-blog-categories-background-color',
        control: 'color',
        description: 'Color of the background',
        defaultValue: 'rgb(245, 245, 245)',
        table: {
            category: 'CSS Properties',
            type: 'color'
        }
    },
};
//# sourceMappingURL=argTypes.js.map