Connect Provider
Building blocks for connecting third-party providers (source code, deployment) to a surface. Used in onboarding and the surface details events tab.
Provider Icon
Square icon container with a colored background. Wraps a provider's brand icon.
Provider Card
Row showing a provider with a Connect action. Supports a disabled state for providers that aren't yet supported.
GitHub
Bitbucket
Connected Provider Card
Row shown after a provider is connected, with the user email and an Edit action.
GitHub
hello@interfere.comItem Selection List
Searchable, scrollable list of selectable items (repositories, projects). Renders with fuzzy search.
Item Selection List with Header
With a connected provider header at the top of the list.
GitHub
hello@interfere.com