← General Design System

Button component

Ortaq komponent · variant × colour scheme × state × 7 ölçü. Variant: Fill · Outline · Light · Text. Scheme: Primary · Fail · Natural · Success. State: Default · Hover · Focus · Active · Only text · Loading + text (+ Disabled, + Link həmişə Primary). Radius 56px + corner-shape:superellipse(2.5) (pill/squircle; dəstəkləməyən brauzerdə SVG-mask fallback). Font Inter 500. Bütün rənglər button-spec.md ilə hex-hex eynidir.

Matrix

colour scheme × state (sətir) × variant (sütun) · ölçü və ikon mövqeyini yuxarıdan seç
SIZE
ICON
FillOutlineLightText

Icon Button

Icon-only · kvadrat (width=height) · eyni variant × scheme × state · ölçü yuxarıdakı seçicidən · Künc: squircle (superellipse-2.5)
FillOutlineLightText

AI Button

AI sparkle ikon · eyni variant × scheme × state · ölçü yuxarıdakı seçicidən
FillOutlineLightText
Icon-only
FillOutlineLightText

Link

ayrıca · həmişə Primary · Anchor davranışı · state-lər alt-alta