Sha256: db15f4310d7b8b6ad61caf15d6e55c0f0bc693002c1f52189324a06c793406a6
Contents?: true
Size: 1.25 KB
Versions: 859
Compression:
Stored size: 1.25 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
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
859 entries across 859 versions & 2 rubygems