Sha256: 3acb87aa08c8d1a374be8776f8f990647baa8f01fd179f66117a0131a19dd41b
Contents?: true
Size: 1.23 KB
Versions: 179
Compression:
Stored size: 1.23 KB
Contents
import React, { useState } from 'react'
import {
Body,
Button,
Caption,
Dialog,
RichTextEditor,
Typeahead,
} from '../../'
const DialogCompound = () => {
const [isOpen, setIsOpen] = useState(false)
const close = () => setIsOpen(false)
const open = () => setIsOpen(true)
return (
<>
<Button onClick={open}>{'Open a Complex Dialog'}</Button>
<Dialog
onClose={close}
opened={isOpen}
size="lg"
>
<Dialog.Header>
<Body>{'What do you need us to take care of?'}</Body>
</Dialog.Header>
<Dialog.Body>
<Caption marginBottom="xs">{'Description'}</Caption>
<RichTextEditor />
<br />
<Caption>
{
'Type in a word or term too help find tickets later. ex. training,'
}
{'phone setup, hr'}
</Caption>
<Typeahead placeholder="Tags.." />
</Dialog.Body>
<Dialog.Footer>
<Button onClick={close}>{'Send My Issue'}</Button>
<Button
onClick={close}
variant="link"
>
{'Back'}
</Button>
</Dialog.Footer>
</Dialog>
</>
)
}
export default DialogCompound
Version data entries
179 entries across 179 versions & 1 rubygems