Kiritiş · molecule
Joyida tahrir
Matn oddiy körinadi; bosilsa yoki Enter bosilsa maydonga aylanadi. Enter yoki fokus ketişi — saqlaydi (qisqa yoritiş), Esc — bekor qiladi. Sarlavha, nom, yorliq uçun.
Anatomiya
- root
.fx-inline-editşart - view
.fx-inline-edit__viewşart - input
.fx-inline-edit__inputşart
Holatlar
emptysavedfocus
Klaviatura va kiriş
| Tugma | Amal |
|---|---|
| Enter, Space | Tahrirni oçadi |
| Enter (maydonda) | Saqlaydi |
| Esc | Bekor qiladi |
Köriniş — tugma (aria-label «…ni tahrirlaş»), tahrirda input aria-label bilan. Saqlanganda/Esc dan keyin fokus tugmaga qaytadi.
Kod
AI uçun: qaçon işlatiladi
Işlating
- Sarlavha, nom yoki izohni sahifadan çiqmasdan tez özgartiriş.
Işlatmang
- Köp maydonli tahrir →
input - Majburiy maydonni böş qoldirib saqlamang — required bölsa eski qiymat qaytadi.
- Köp maydonli forma uçun emas — oddiy forma.
npx foxui add inline-edit
<h3 class="fx-heading" style="margin:0"><span class="fx-inline-edit" data-fx-inlineedit data-placeholder="Nom qöşing"> <button type="button" class="fx-inline-edit__view" aria-label="Loyiha nomini tahrirlaş">Çorsu Market — yangi sayt</button> <input class="fx-input fx-inline-edit__input" aria-label="Loyiha nomi" value="Chorsu Market — yangi sayt" required hidden> </span></h3> <p><span class="fx-inline-edit" data-fx-inlineedit data-placeholder="Izoh qöşing"><button type="button" class="fx-inline-edit__view" data-empty aria-label="Izohni tahrirlaş">Izoh qöşing</button><input class="fx-input fx-inline-edit__input" aria-label="Izoh" hidden></span></p>
Tokenlar: --fx-bg-brand-subtle --fx-bg-muted --fx-bg-subtle --fx-border-color-default --fx-border-color-focus --fx-border-width-default --fx-border-width-focus --fx-control-h-sm --fx-ease-standard --fx-motion-fast --fx-motion-slower --fx-radius-control --fx-size-icon-sm --fx-space-12 --fx-space-2 --fx-text-tertiary
Şu toifadan
KalendarOy töri: kun tanlaş, oraliq (2 oy yonma-yon), oy va yil körinişi.Captcha ramkasi«Men robot emasman» (4.110, #27): uçinçi tomon captcha'si (Cloudflare Turnstile, reCAPTCHA, hCaptcha yoki öz serveringiz) uçun FoxUI ramkasi — forma içida begona körinmaydi, holatlar hamma provayderda bir xil: böş → «Tekşirilmoqda…» (halqa) → ✓ «Tasdiqlandi» / !CheckoutTölov / checkout formasi (naqş): raqamlangan bölimlar — aloqa (telefon +998), yetkazib beriş usuli va manzil, tölov usuli (bank kartasi — raqam va muddat niqobi bilan, naqd, bölib tölaş); öngda yopişqoq buyurtma xulosasi — mahsulotlar, promo-kod, jami va «… söm tölaş».Rang tanlagiçErkin rang tanlaş: töyinganlik/yorqinlik maydoni (siçqonça va klaviatura), ton çiziği, HEX va RGB maydonlari, tayyor ranglar qatori va pipetka (brauzer qöllasa).ComboboxYozib qidiriladigan tanlov: köp variant (şahar, mijoz, mahsulot).Yoziş paneli (composer)AI çat va messenjer uçun BITTA yoziş paneli: biriktiriş tugmasi, avto-ösuvçi maydon, ixtiyoriy emoji, matn bölmasa mikrofon — matn paydo bölsa yuboriş (ikon animatsiyali almaşadi), oqim ketayotganda «Töxtatiş».