Reference context
Quick metadata and tags for this reference, kept secondary so the preview stays first.
Domain
Elements
Category
Buttons
States covered
3
Code variants
3
destructivewarningoutline
A caution-first button pattern for destructive actions that need clear warning without a heavy solid fill.
Try clicking, typing, or toggling controls to inspect destructive outline button behavior.
Destructive actions need higher caution cues without forcing every dangerous action into a filled red button.
Quick metadata and tags for this reference, kept secondary so the preview stays first.
Move through the library without jumping back to the category page.
Nearby patterns from the same category or domain to compare structure, tone, and implementation choices.
High-emphasis action button with a rounded shape and clear hover feedback.
A lighter button treatment for supporting actions that still need to stay visible.
A compact pill button with a leading icon for create, add, or quick-start actions.