Components · Surfaces

Dialog

A modal question with two answers. The safe answer is ghost; the one Return triggers has the default ring.

jsx

import { Dialog } from '@andeus/ui';

Dialog

jsx

const [open, setOpen] = useState(false);

<Button onClick={() => setOpen(true)}>Delete strategy</Button>
<Dialog
  open={open}
  onClose={() => setOpen(false)}
  title="Delete this strategy?"
  icon="warning-box"
  actions={<>
    <Button variant="ghost" onClick={() => setOpen(false)}>Not yet</Button>
    <Button isDefault onClick={remove}>Delete</Button>
  </>}
>
  Backtests stay in the archive for 30 days.
</Dialog>

Props

Prop	Type	Default
open	`boolean`	true	Render or hide; pair with onClose.
title	`string \| ReactNode`	Required
icon	`IconName`	—
actions	`ReactNode`	—
onClose	`() => void`	—	Escape and backdrop click.
width	`number \| string`	420
inline	`boolean`	false	Render in place, without backdrop.
children	`ReactNode`	—

PreviousWindow NextScreen