Leading Icon Pill Button
A compact pill button with a leading icon for create, add, or quick-start actions.
The preview keeps a compact toolbar feel while still showing loading and completion feedback.
High-signal button styles for primary, secondary, and supporting actions. Browse seeded references, compare source code, and use the filter controls below to narrow the list.
Use search, difficulty filter, and sort order to tighten the list before opening an individual reference page.
A compact pill button with a leading icon for create, add, or quick-start actions.
The preview keeps a compact toolbar feel while still showing loading and completion feedback.
High-emphasis action button with a rounded shape and clear hover feedback.
Switch between resting, loading, success, and disabled states to inspect how the primary action changes emphasis.
A lighter button treatment for supporting actions that still need to stay visible.
Secondary actions usually need fewer states, but hover and disabled treatments should still stay easy to compare.