Elements/Buttons
basicPrimary Solid Button
High-emphasis action button with a rounded shape and clear hover feedback.
primaryctaaction
Open itemSmall building blocks such as buttons, inputs, and lightweight dropdown patterns. Use this domain when the problem is scoped to elements work, then narrow into a category and specific references.
Each category groups references that solve a similar UI problem so the library feels more like a handbook than a flat archive.
High-signal button styles for primary, secondary, and supporting actions.
Input field patterns that are easy to reuse across product surfaces.
Compact menu and trigger patterns for selection and lightweight filtering.
Browse every seeded item in this domain, then open the ones that need closer inspection.
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.
A caution-first button pattern for destructive actions that need clear warning without a heavy solid fill.
A compact icon-only button pattern for dense toolbars where space is limited and quick mode switching matters.
A split button pattern for one primary action with closely related alternatives such as schedule, save draft, or publish now.
A utilitarian input field for search entry points inside the library.
A simple, tidy email-input pattern that fits short forms well.
A password field paired with a lightweight strength readout and supporting progress indicator.
An input pattern with a fixed URL prefix for workspace handles, usernames, or custom subpaths.
A phone field pattern with a country selector for onboarding, support, and callback flows.
A textarea pattern with a character counter for summaries, captions, and editorial notes with length limits.
A compact dropdown trigger for style filters, category selection, or lightweight sorting.
A status-aware dropdown pattern for filtering references by publishing or review state.
A utility action menu for object-level operations such as duplicate, rename, or archive.
A sorting dropdown for list pages where one active ordering needs to remain visible in the trigger.
A profile dropdown pattern for authenticated products with account, preferences, and sign-out actions.