Skip to content
BigBang

Popular

    ↑↓Navigate↵OpenEscClose
    TR

    Components

    Popconfirm

    A small confirmation panel next to a button that asks yes or no before a light action.

    Storybook
    Storybook
    Source
    Source

    The example below loads live from Storybook; you can open the controls there.

    Live example, StorybookOpen in Storybook

    tone="danger" gives the confirm button the danger tone. When onConfirm returns a promise, the confirm button shows loading and the panel closes when the work ends. The example below is open on load.

    Live example, StorybookOpen in Storybook

    The panel uses the Popover surface and the buttons the Button tokens; neither mode needs extra setup.