36 lines
1.1 KiB
JavaScript
36 lines
1.1 KiB
JavaScript
import { action } from "@storybook/addon-actions";
|
|
export default {
|
|
title: 'Components/Search Bar',
|
|
// tags: ['autodocs'],
|
|
args: {
|
|
disabled: false,
|
|
isOpen: true,
|
|
},
|
|
argTypes: {
|
|
ifxInput: {
|
|
action: 'ifxInput',
|
|
description: 'Custom event emitted on input\n\n(see below for Two Way Data Binding in different JS frameworks)',
|
|
},
|
|
ifxSearchBarIsOpen: {
|
|
action: 'ifxInput',
|
|
description: 'Custom event',
|
|
table: {
|
|
type: {
|
|
summary: 'Framework integration',
|
|
detail: 'React: onIfxInput={handleInput}\nVue:@ifxInput="handleInput"\nAngular:(ifxInput)="handleInput()"\nVanillaJs:.addEventListener("ifxInput", (event) => {//handle input});',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
};
|
|
const DefaultTemplate = ({ isOpen, disabled }) => {
|
|
const element = document.createElement('ifx-search-bar');
|
|
element.setAttribute('is-open', isOpen);
|
|
element.setAttribute('disabled', disabled);
|
|
element.addEventListener('ifxInput', action('ifxInput'));
|
|
return element;
|
|
};
|
|
export const Default = DefaultTemplate.bind({});
|
|
Default.args = {};
|
|
//# sourceMappingURL=search-bar.stories.js.map
|