# confirm

Featured Components Live preview

Press-and-hold confirm button

Hold the destructive button for 1.2s as a red fill sweeps across — releasing early cancels the action.

37200Open

Featured Components Live preview

Spring Modal Dialog · Candy Pink

A confirmation modal that springs in over a blurred overlay and closes on backdrop or Esc. Rendered in the Candy Pink palette.

14300Open

Spring Modal Dialog · Royal Gold

A confirmation modal that springs in over a blurred overlay and closes on backdrop or Esc. Rendered in the Royal Gold palette.

59100Open

Spring Modal Dialog · Crimson Heat

A confirmation modal that springs in over a blurred overlay and closes on backdrop or Esc. Rendered in the Crimson Heat palette.

78700Open

Spring Modal Dialog · Deep Indigo

A confirmation modal that springs in over a blurred overlay and closes on backdrop or Esc. Rendered in the Deep Indigo palette.

25800Open

Spring Modal Dialog · Aurora Teal

A confirmation modal that springs in over a blurred overlay and closes on backdrop or Esc. Rendered in the Aurora Teal palette.

85200Open

Spring Modal Dialog · Mono Pearl

A confirmation modal that springs in over a blurred overlay and closes on backdrop or Esc. Rendered in the Mono Pearl palette.

26900Open

Spring Modal Dialog · Ultra Violet

A confirmation modal that springs in over a blurred overlay and closes on backdrop or Esc. Rendered in the Ultra Violet palette.

74900Open

Spring Modal Dialog · Cyber Lime

A confirmation modal that springs in over a blurred overlay and closes on backdrop or Esc. Rendered in the Cyber Lime palette.

83400Open

Components⚛ TSX Live preview

Confirm Dialog with Danger Action

Destructive-action confirm dialog with type-to-confirm safety and cancel focus return.

HTMLCSSJavaScriptAdvanced

000Open