Körsatiş · molecule
Iqtibos
Iqtibos va muallifi: çap çiziqli (standart) yoki katta fikr-mulohaza körinişi. <figure> içida <blockquote> va <figcaption> (<cite> bilan).
Dizayn tizimi bir joyda özgardi — hamma sahifada yangilandi.
Yangilanişni bir buyruq bilan oldik, sayt buzilmadi.
Variantlar
| Atribut | Qiymatlar | Standart |
|---|---|---|
data-size | mdlg | md |
Anatomiya
- root
.fx-quoteşart - text
.fx-quote > blockquoteşart - caption
.fx-quote > figcaptionixtiyoriy
Klaviatura va kiriş
<figure> + <blockquote> + <figcaption>; muallif nomi <cite> içida.
Kod
AI uçun: qaçon işlatiladi
Işlating
- Boşqa manbadan olingan gap yoki mijoz fikri.
Işlatmang
- Eslatma yoki ogohlantiriş →
alert - Iqtibosni muallifsiz qoldirmang — kim aytganini körsating.
- Eslatma yoki ogohlantiriş uçun işlatmang.
npx foxui add quote
<figure class="fx-quote"> <blockquote><p>Dizayn tizimi bir joyda özgardi — hamma sahifada yangilandi.</p></blockquote> <figcaption><cite>Dilnoza Karimova</cite> · NomLab dizayneri</figcaption> </figure> <figure class="fx-quote" data-size="lg"> <blockquote><p>Yangilanişni bir buyruq bilan oldik, sayt buzilmadi.</p></blockquote> <figcaption><cite>Jasur Aliyev</cite> · dasturçi</figcaption> </figure>
Tokenlar: --fx-border-color-strong --fx-border-width-focus --fx-font-adjust-display --fx-font-family-display --fx-font-size-md --fx-font-size-sm --fx-font-size-xl --fx-font-weight-medium --fx-space-2 --fx-space-3 --fx-space-4 --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.