@flexis/ui
Version:
Styleless React Components
41 lines • 2.48 kB
JavaScript
import React from 'react';
import { action } from '@storybook/addon-actions';
import { button } from '@storybook/addon-knobs/react';
import { storiesOf } from '../../helpers/stories';
import ConfirmModal from './';
export const stylableApi = `
Stylable API
---
- ::form
`;
let confirmRef = null;
export default storiesOf('ConfirmModal', module)
.addParameters({
info: stylableApi
})
.add('with show demo', () => {
button('Show', async () => {
if (confirmRef) {
action('confirm')(await confirmRef.show());
}
});
return (<ConfirmModal ref={(ref) => {
confirmRef = ref;
}} style={{
width: '500px',
marginTop: '20px'
}}>
<p>
Are you sure?
</p>
<footer>
<button type='submit'>
Yes
</button>
<button type='reset'>
No
</button>
</footer>
</ConfirmModal>);
});
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29uZmlybU1vZGFsLnN0b3JpZXMuanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQ29uZmlybU1vZGFsL0NvbmZpcm1Nb2RhbC5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUNOLE1BQU0sRUFDTixNQUFNLDBCQUEwQixDQUFDO0FBQ2xDLE9BQU8sRUFDTixNQUFNLEVBQ04sTUFBTSw4QkFBOEIsQ0FBQztBQUN0QyxPQUFPLEVBQ04sU0FBUyxFQUNULE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxZQUFZLE1BQU0sSUFBSSxDQUFDO0FBRTlCLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRzs7OztDQUkxQixDQUFDO0FBRUYsSUFBSSxVQUFVLEdBQUcsSUFBSSxDQUFDO0FBRXRCLGVBQWUsU0FBUyxDQUFDLGNBQWMsRUFBRSxNQUFNLENBQUM7S0FDOUMsYUFBYSxDQUFDO0lBQ2QsSUFBSSxFQUFFLFdBQVc7Q0FDakIsQ0FBQztLQUNELEdBQUcsQ0FDSCxnQkFBZ0IsRUFDaEIsR0FBRyxFQUFFO0lBRUosTUFBTSxDQUFDLE1BQU0sRUFBRSxLQUFLLElBQUksRUFBRTtRQUV6QixJQUFJLFVBQVUsRUFBRTtZQUNmLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUFNLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO1NBQzNDO0lBQ0YsQ0FBQyxDQUFDLENBQUM7SUFFSCxPQUFPLENBQ04sQ0FBQyxZQUFZLENBQ1osR0FBRyxDQUFDLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRTtRQUNaLFVBQVUsR0FBRyxHQUFHLENBQUM7SUFDbEIsQ0FBQyxDQUFDLENBQ0YsS0FBSyxDQUFDLENBQUM7UUFDTixLQUFLLEVBQU0sT0FBTztRQUNsQixTQUFTLEVBQUUsTUFBTTtLQUNqQixDQUFDLENBRUY7S0FBQSxDQUFDLENBQUMsQ0FDRDs7S0FDRCxFQUFFLENBQUMsQ0FDSDtLQUFBLENBQUMsTUFBTSxDQUNOO01BQUEsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FDcEI7O01BQ0QsRUFBRSxNQUFNLENBQ1I7TUFBQSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUNuQjs7TUFDRCxFQUFFLE1BQU0sQ0FDVDtLQUFBLEVBQUUsTUFBTSxDQUNUO0lBQUEsRUFBRSxZQUFZLENBQUMsQ0FDZixDQUFDO0FBQ0gsQ0FBQyxDQUNELENBQUMifQ==