@skhemata/skhemata-crowdfunding-campaign/dist/stories/index.stories.js

Skhemata Crowdfunding Campaign Web Component. This web component provides crowdfunding campaign functionality (reward/donation based) for a website.

import { html } from '@skhemata/skhemata-base';
import '../skhemata-crowdfunding-campaign.js';
export default {
    title: 'SkhemataCrowdfundingCampaign',
    component: 'skhemata-crowdfunding-campaign',
    argTypes: {
        title: { control: 'text' },
        counter: { control: 'number' },
        textColor: { control: 'color' },
    },
};
const Template = ({ title = 'Hello world', counter = 5, textColor, slot, }) => html `
  <skhemata-crowdfunding-campaign
    style="--skhemata-crowdfunding-campaign-text-color: ${textColor || 'black'}"
    .title=${title}
    .counter=${counter}
  >
    ${slot}
  </skhemata-crowdfunding-campaign>
`;
export const Regular = Template.bind({});
export const CustomTitle = Template.bind({});
CustomTitle.args = {
    title: 'My title',
};
export const CustomCounter = Template.bind({});
CustomCounter.args = {
    counter: 123456,
};
export const SlottedContent = Template.bind({});
SlottedContent.args = {
    slot: html `<p>Slotted content</p>`,
};
SlottedContent.argTypes = {
    slot: { table: { disable: true } },
};
//# sourceMappingURL=index.stories.js.map