@skhemata/skhemata-form/dist/stories/SkhemataForm.stories.js

Skhemata Form Web Component. This web component can be used as base web component when working with forms and inputs.

import { html } from 'lit-html';
import '../skhemata-form';
export default {
    title: 'General/SkhemataForm/SkhemataForm',
    component: 'skhemata-blog',
    argTypes: {
        textBoxLabel: { control: 'text' },
        textAreaLabel: { control: 'text' },
    },
};
const Template = ({ textBoxLabel = 'Text Box', textAreaLabel = 'Text Area', }) => html `
  <skhemata-form
    @submit=${(e) => console.log(e.detail.data)}
    resetonsubmit
  >
    <skhemata-form-textbox
      label="${textBoxLabel}"
      name="textbox"
    ></skhemata-form-textbox>
    <skhemata-form-textarea label="${textAreaLabel}"></skhemata-form-textarea>
    <skhemata-form-button title="Submit"></skhemata-form-button>
  </skhemata-form>
`;
export const Example = Template.bind({});
Example.args = {
    textBoxLabel: 'Text Box',
    textAreaLabel: 'Text Area',
};
Example.parameters = {
    docs: {
        source: {
            code: `
<skhemata-form
  resetonsubmit
>
  <skhemata-form-textbox
    label="${Example.args.textBoxLabel}"
    name="textbox"
  ></skhemata-form-textbox>
  <skhemata-form-textarea label="${Example.args.textAreaLabel}"></skhemata-form-textarea>
  <skhemata-form-button title="Submit"></skhemata-form-button>
</skhemata-form>
      `,
        },
    },
};
//# sourceMappingURL=SkhemataForm.stories.js.map