DialogContainer

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

<div className="flex flex-row gap-2 justify-center">
  <div className="flex flex-col gap-2 w-[200px]">
    <Button
      className="text-gray-11 text-[13px]"
      onClick={onClick}
    >
      Open Dialog
    </Button>
    <o
      footer={<div className="flex flex-col w-full gap-2 items-center justify-center"><Button className="w-full" onClick={onClick} size="lg" type="submit" variant="primary">Submit</Button><div className="text-error-11 text-xs">This is an example of a footer with a button for actions needed to be done</div></div>}
      onOpenChange={onOpenChange}
      subTitle="This is an example of a subTitle. Normally used to describe the dialog"
      title="Example Dialog Title"
    >
      <div className="flex flex-col text-gray-11 text-[13px] gap-2">
        <p>
          Dialog Content
        </p>
        <Input
          onChange={onChange}
          placeholder="Example Input"
          type="text"
        />
      </div>
    </o>
    <p>
      Input Result:{' '}
      <span className="text-success-6" />
    </p>
  </div>
</div>