Skip to content
Larasby Kotek

Component

Confirm dialog

Asks before anything that can't be undone. A tap on the scrim cancels.

ConfirmDialog · .confirm() in Kotek/Core/UI/Components.swift

Preview

Delete this gangsa?

Its key layout, voice and records go with it. Your other gangsa are not touched.

Destructive

Specs

Scrim
Black at 72%; tapping it cancels
Panel
Card, 22pt radius, 12% TitleText border
Title
Katibeh 24pt, uppercase, 1.5pt tracking
Message
SF Pro 14pt, TitleText at 75%
Buttons
Compact outlined Cancel, then the confirm action outlined in Miss at 60%
Padding
24pt; at most 520pt wide

Usage

Do

  • Say exactly what will be lost in the message.
  • Name the confirm button for the action: Delete, not OK.

Don't

  • Ask for confirmation on actions that can be undone.