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
iconcreatepill
A compact pill button with a leading icon for create, add, or quick-start actions.
Try clicking, typing, or toggling controls to inspect leading icon pill button behavior.
The preview keeps a compact toolbar feel while still showing loading and completion feedback.
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 caution-first button pattern for destructive actions that need clear warning without a heavy solid fill.