Dialog

Sobreposição

Diálogo central para tarefas curtas que não são edição de registro.

Substitui no Brain:Modalpartners dialog

Diálogo curto

"use client";

import { Button, Dialog, FormField, TextInput } from "@paytime/ui";
import { useState } from "react";

export default function Example() {
  const [open, setOpen] = useState(false);
  return (
    <>
      <Button tone="neutral" variant="outline" onClick={() => setOpen(true)}>Novo atalho</Button>
      <Dialog
        open={open}
        onOpenChange={setOpen}
        title="Novo atalho"
        footer={
          <>
            <span className="flex-1" />
            <Button onClick={() => setOpen(false)}>Criar</Button>
          </>
        }
      >
        <FormField label="Endereço">
          <TextInput placeholder="https://" />
        </FormField>
      </Dialog>
    </>
  );
}