Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
render() {
const { formSubmit, fields } = this.props;
return <div>
<form>
<div>
Name: <input value="{fields.name.value}" type="text">
</div>
<div>
Age: <input value="{fields.age.value}" type="text">
</div></form></div>
{data.map((item, key) =>
<h2>{item}</h2>
)}
.addWithInfo('default', () => (
<section>
<div id="default">
</div>
<div id="overflow" style="{style}">
</div>
</section>
));
Dialog.OKAction(() => {
action('ok button was clicked!')()
})
]
.add('show active', () => (
<div>
<footer filter="{SHOW_ACTIVE}">
</footer></div>
));
.add('with next and previous', () => (
))
.add('with next and previous, first selected', () => (
export default function FormStory() {
const props = {
intervalName: '',
startMilestone: '',
endMilestone: '',
measurementType: '',
handleChange: action('handleChange'),
};
storiesOf('Interval Form - v3 - Toggle', module)
.add('default', () => (
<form>
))
.add('Interval selected', () => (
))
.add('Milestone selected', () => (
))
.add('interactive with Form Controller', () => (
</form>
flexDirection: "column",
alignItems: "stretch",
}}
>
));
{
label: 'From Remote',
onClick: action('From Remote click'),
},
],
emptyDropdownLabel: 'No option',
},
],
},
},
display: {
onChange: action('display.onChange'),
},
sort: {
field: 'name',
onChange: action('sort.onChange'),
options: [
{ id: 'id', name: 'Id' },
{ id: 'name', name: 'Name' },
],
},
pagination: {
itemsPerPage: 5,
totalResults: 10,
onChange: action('pagination.onChange'),
},
filter: {
onFilter: action('filter.onFilter'),
debounceTimeout: 300,
},
},
};