Prometheus Design System

Icons

Tabler Icons — default size 18px.

Navigation

sun
Theme toggle — switch to light mode (header)
import { IconSun } from '@tabler/icons-react';
moon
Theme toggle — switch to dark mode (header)
import { IconMoon } from '@tabler/icons-react';
settings
Settings ActionIcon in header
import { IconSettings } from '@tabler/icons-react';
book
Docs link ActionIcon in header
import { IconBook } from '@tabler/icons-react';
menu
Burger / collapse-all on /targets and /service-discovery
import { IconMenu } from '@tabler/icons-react';

Status

bell
Active Alertmanagers card title on /alertmanager-discovery
import { IconBell } from '@tabler/icons-react';
bell-off
Dropped Alertmanagers card title
import { IconBellOff } from '@tabler/icons-react';
circle-info
Leading icon inside Mantine Alert info callout
import { IconCircleInfo } from '@tabler/icons-react';

Action

clipboard
Copy-to-clipboard ActionIcon on /config code block
import { IconClipboard } from '@tabler/icons-react';
chevron-up
Sort ascending indicator in sortable header (/flags)
import { IconChevronUp } from '@tabler/icons-react';
chevron-down
Sort descending indicator + accordion expand
import { IconChevronDown } from '@tabler/icons-react';
search
Leading affix in Search Input (filter fields)
import { IconSearch } from '@tabler/icons-react';

Decorative

database
Build information card title on /status
import { IconDatabase } from '@tabler/icons-react';
run
Runtime information card title on /status
import { IconRun } from '@tabler/icons-react';