Interfere Design System

Getting Started

Foundations

Brand Colors Shadows

Typography

Fonts Heading Text Caption

Primitives

Accordion Avatar Badge Breadcrumb Button Calendar Carousel Checkbox Collapsible Command Dialog Divider Drawer Dropdown Menu Duration Form Icon Button Input Input OTP Kbd Label Popover Radio Reaction Pill Scroll Area Select Spinner Switch Table Tabs Textarea Toast Tooltip

Components

Connect Provider Filter Bar Wizard Step

Events

Event Icon Badge

Problems

Problem Card Problem Category Problem Investigation Status Problem List Row Problem Priority

Releases

Sessions

OS + Browser Icons Session List Row Session Timeline Row

Surfaces

Timeline

Timeline Emoji Picker Timeline Marker Initial Detection Item Free Text Item Code Block Item Linked Entity Item Priority Item Status Item Assignee Item Loading Item Comment Item Comment Comment Editor Reply Mention Input

States

Problem Priority

Icons representing problem priority levels.

Priorities

All priority levels including unset.

High

Medium

Low

Not set

Previous

Problem List Row

Next

Release Status