Sophic Interface Systems
Components

Confirm Dialog

A yes/no modal with a title, description, and Cancel / Confirm — no close button.

You might be looking for:

  • Dialog

    A modal for focused tasks without leaving the page.

  • Drawer

    An edge panel for inspection.

Usage

import { ConfirmDialog } from "@sophic/portal-ui";

<ConfirmDialog
  open={open}
  onOpenChange={setOpen}
  title="Turn on reinvest at maturity?"
  description="Your capital and interest will be reinvested at maturity."
  onConfirm={() => {
    setOpen(false);
    // apply the change
  }}
/>;

Use for a single yes/no decision. Prefer Dialog when the surface needs a body, form fields, or a close (x) control.

Props

Prop

Type

Default

Changelog

  • 2 October 2026 — Header owns the hairline and gap under the copy; footer fill removed; action padding matched above/below the buttons.
  • 30 September 2026 — Added. Full notes

Company Logo

Circular company mark by ticker or name, loaded from FMP CDN with initials fallback.

Country Flag

Circular flag mark for a currency or country code, with letter fallback.

On this page

You might be looking for:UsagePropsChangelog