← POS Design System

Settings card · molecule

Terminal device settings card — built atoms→molecule. Reuses existing DS components: Switch (toggle) · Button (Test et / icon-btn) · Badge (tag chip + status dot). Two variants: V1 Expanded (device + action row + tag chips) · V2 Compact (device + up/down + toggle). Radii card 10 / btn 8 / chip 5.

Atoms

ScDeviceIconsettings-specific · 32 · primary-500

ScStatusDotBadge .b-dot + label

OnlineOffline

ScTogglereuse → Switch · 42×24

ScActionBtnreuse → Button .btn-md40 .btn-outlined

ScIconBtn · squarereuse → Button .btn-icon-only (neutral)

ScIconBtn · roundsettings-specific · 32 circle

ScSelectInputsettings-specific · h40 · clear ×

Heç biri

ScTagChipreuse → Badge .badge-sm .badge-filled-primary

Pul yeşiyiCodepage

Variants

V1 · Expanded

Kassa printeriOnline

10.10.10.125.9876

Heç biri

Pul yeşiyi Sürətli çap Kontrol printer Codepage

V2 · Compact

Kassa printeriOffline

10.10.10.125.9876