Körsatiş · primitive
Rangli ikon plitkasi
Ikon rangli yumşoq plitkada: böş holat, xususiyat röyxati, dialog tepasi. Ohang (brend, neytral, holat), uslub (yoruğ, töq, çiziqli), ölçam sm–xl, şakl kvadrat yoki doira.
Variantlar
| Atribut | Qiymatlar | Standart |
|---|---|---|
data-tone | neutralsuccesswarningerrorinfo | brand |
data-style | solidoutline | light |
data-size | smlgxl | md |
data-shape | circle | square |
Anatomiya
- root
.fx-featuredşart
Klaviatura va kiriş
Dekorativ: aria-hidden="true". Ma'no yonidagi sarlavha va matnda.
Kod
AI uçun: qaçon işlatiladi
npx foxui add featured
<span class="fx-featured" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 3l2.5 6 6.5.5-5 4.3 1.6 6.4L12 16.8 6.4 20.2 8 13.8 3 9.5 9.5 9z"/></svg></span> <span class="fx-featured" data-tone="success" data-shape="circle" data-size="lg" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12l5 5 9-10"/></svg></span> <span class="fx-featured" data-tone="error" data-style="outline" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 8v5M12 17h.01"/></svg></span>
Tokenlar: --fx-bg-brand-solid --fx-bg-brand-subtle --fx-bg-error-solid --fx-bg-error-subtle --fx-bg-info-subtle --fx-bg-muted --fx-bg-page --fx-bg-success-subtle --fx-bg-surface --fx-bg-warning-subtle --fx-border-width-default --fx-control-h-lg --fx-control-h-md --fx-control-h-sm --fx-fg-error --fx-fg-info --fx-fg-success --fx-fg-warning --fx-radius-circle --fx-radius-control --fx-text-brand --fx-text-on-brand --fx-text-on-error --fx-text-primary --fx-text-secondary
Şu toifadan
Nişon kartasiYutuq nişoni: belgi (emoji yoki ikon) + nom + sabab.BiriktirmaFayl yoki rasm kartoçkasi: belgi (tur) yoki rasm, nom, hajm, olib taşlaş ×, yuklaniş çiziği.Audio pleyerIxçam audio pleyer: ijro tugmasi, sarlavha, tölqinsimon progress (bosib yoki ← → bilan suriladi), vaqt va tezlik (1× · 1,5× · 2×).AvatarKvadrat avatar: ikki harf yoki surat, 6 toifa rangi, 3 ölçam (sm 22 · md 36 · lg 56), ixtiyoriy holat nuqtasi (active — puls, waiting, stopped, idle).Belgi (badge)Holat yoki toifa yorliği.Boğlovçi nurIntegratsiya va ma'lumot oqimi sxemasi (4.70): tugunlar (logo yoki ikon) orasida yumşoq egri çiziq, ustidan yuguruvçi nur yönalişni körsatadi.