Sha256: 98517e4cedb03cd09f3a2cf91cecfd90709a2b697973acee70f8082d5060e956
Contents?: true
Size: 1.26 KB
Versions: 948
Compression:
Stored size: 1.26 KB
Contents
import React, { useState } from 'react'
import {
Body,
Button,
Caption,
Dialog,
RichTextEditor,
Typeahead,
} from 'playbook-ui'
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
fullHeight
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
948 entries across 948 versions & 2 rubygems