Semua komponen
Teroka semua 308 komponen UI Lyra. Tapis mengikut keluarga, cari mengikut nama dan cuba pratonton langsung atau buka contoh yang didokumenkan.
Perbualan & Sembang
- Ruang kerja ejen — Ruang kerja responsif untuk perbualan AI yang menggabungkan transkrip, medan mesej dan panel butiran pilihan.
- Visualizer audio — Visualisasi aktiviti suara lukisan kanvas yang mencerminkan keadaan terbiar, mendengar, berfikir atau bercakap ejen.
- Pemetik cawangan — ‹ n / m › terkawal merentasi varian yang dijana semula atau diedit bagi satu mesej sembang.
- Komposer sembang — Medan mesej yang melaras saiz secara automatik, dengan kawalan hantar dan berhenti.
- Mesej sembang — Cangkang gelembung sembang berasaskan peranan dengan avatar, lencana dan pengaki sedar status
- Port pandangan sembang — Paparan perbualan yang mengikuti mesej terbaru dan menandakan mesej belum dibaca.
- Titik semak — Titik pemulihan perbualan untuk kembali ke keadaan terdahulu selepas pengesahan.
- Blok kod — Paparan kod berpagar dengan penyerlahan sintaks malas pilihan dan butang salin.
- Teras blok kod — Paparan kod ringan dengan penyerlahan sintaks menggunakan set tatabahasa yang dibekalkan.
- Item perbualan — Baris sejarah sembang boleh dipilih yang menunjukkan tajuk, pratonton dan cap masa sesi.
- Metrik penjanaan — Menunjukkan masa, bilangan token dan kelajuan semasa jawapan AI dijana.
- Pembahagi lepas tangan — Pemisah berlabel menandakan pemindahan kawalan antara ejen dalam transkrip.
- Markdown — Paparan Markdown sebagai HTML yang telah dibersihkan, dengan jadual GFM, kod dan pautan.
- Teras Markdown — Paparan Markdown ringan dengan penyerlahan blok kod menggunakan tatabahasa yang dibekalkan.
- Tindakan mesej — Bar alat tindakan setiap mesej untuk mesej sembang dengan menyalin, menjana semula, mengedit dan maklum balas terbina dalam.
- Maklum balas mesej — Penilaian ibu jari naik atau turun bagi mesej pembantu, dengan sebab dan komen pilihan.
- Pilih model — Pembekal dan pemilih model dengan katalog tetap atau entri tersuai teks percuma.
- Panel tetapan model — Pemilih model berpasangan dan peluncur suhu untuk mengkonfigurasi ejen.
- Tekan untuk bercakap — Butang tangkap mikrofon yang memiliki kitaran hayat permintaan kebenaran penuh, rakaman dan teardown untuk penggunaan tekan dan tahan atau togol.
- Status strim — Menunjukkan fasa sambungan strim dan mengesan sambungan terhenti melalui isyarat berkala.
- Teks berstrim — Memaparkan teks penstriman secara berperingkat, menggabungkan kemas kini token pantas.
- Teras teks penstriman — Penyampai teks penstriman tanpa lemak yang mod Markdownnya menyerlahkan kod berpagar hanya daripada peta tatabahasa yang dibekalkan masa kompilasi.
- Cip cadangan — Baris boleh tatal pemula atau cip gesaan susulan yang menyerahkan teks yang dipilih kepada hos.
- Senarai utas perbualan — Bar sisi perbualan yang dikumpulkan dan boleh dicari dengan pin, arkib, padam dan menamakan semula tindakan baris.
- Suapan transkrip — Kapsyen langsung bagi sesi suara yang sedang berlangsung, daripada hasil sementara hingga akhir.
- Penunjuk menaip — Petunjuk kehadiran persembahan yang menunjukkan pembantu sedang menyusun respons
- Lencana penggunaan — Jalur token/kos/latensi padat untuk satu mesej atau larian, dengan pecahan petua alat tuding.
- Pemilih suara — Pemilih suara TTS melalui katalog yang dibekalkan dengan pratonton audio sebaris dan pengendalian nilai basi.
- Pemapar widget — Memaparkan pokok widget JSON yang dijana ejen dengan hanya komponen yang dibenarkan.
- Bahagian mesej — Memaparkan bahagian mesej AI yang boleh dicampur, termasuk teks, penaakulan, alat, petikan, lampiran dan media.
- Input prompt — Medan prompt dengan lampiran, pemilihan model dan suara, sumber carian, sebutan, arahan dan baris gilir.
- Baris gilir prompt — Baris gilir prompt susulan yang boleh diedit, disusun semula, dibuang atau dihantar segera.
- Sesi masa nyata — Rangka sesi suara bebas penyedia untuk mengawal sambungan, aktiviti, transkrip, rakaman, redam dan gangguan.
- Bar alat pemilihan — Meletakkan tindakan tanya, petik dan salin di sebelah teks terpilih.
Alat Ejen & Kebolehmerhatian
- Suapan aktiviti — Log tindakan ejen yang dikemas kini secara langsung dan boleh diringkaskan selepas larian selesai.
- Papan pemuka agen eval — Gambaran keseluruhan penilaian terkawal menggandingkan kad metrik dengan carta aliran dan sejarah status setiap larian.
- Soalan ejen — Mengumpul jawapan berstruktur bagi soalan ejen atau pelayan MCP, dengan tindakan terima, tolak dan batal.
- Larian latar belakang — Memaparkan tugas ejen dalam baris gilir, sedang berjalan dan selesai, dengan tindakan buka dan batal.
- Meter bajet — Memaparkan penggunaan yang dibekalkan terhadap had, termasuk keadaan tidak tersedia dan melebihi.
- Semakan perubahan — Menyemak perubahan fail dan meminta keputusan simpan atau buang bagi setiap bahagian perubahan.
- Pengurus penyambung — Menunjukkan status sambungan dan meminta tindakan menyambung, memutuskan sambungan atau mencuba semula untuk penyambung diurus hos.
- Pemberian kebenaran — Membentangkan permintaan kebenaran berskop dan melaporkan pilihan membenarkan atau menolak pengguna kepada hos.
- Peraturan kebenaran — Memaparkan peraturan kebenaran yang ditentukan oleh hos dan meminta perubahan pada keputusan membenarkan, meminta atau menafikannya.
- Larian ejen — Cangkang peringkat atas untuk satu ejen dijalankan, menunjukkan status, masa berlalu, langkah semasa dan kos, dengan tindakan membatalkan dan mencuba semula.
- Jejak ejen — Paparan surih ejen hierarki/LLM dengan penapis jenis span dan lompatan cepat lepas tangan ke atas satu tatasusunan span dikongsi.
- Barisan gilir kelulusan — Barisan gilir yang boleh diakses papan kekunci bagi panggilan alat yang belum selesai, setiap satu disemak dan diluluskan atau dinafikan melalui satu dialog kongsi.
- Panel artifak — Panel artefak yang dijana ejen, dengan pilihan pratonton atau kod, versi, salin dan muat turun.
- Bingkai pelayar — Paparan aktiviti pelayar ejen dengan tangkapan skrin, URL baca sahaja dan kawalan mengambil alih.
- Kad commit — Ringkasan Git commit dengan statistik perubahan dan pautan kepada perbezaan setiap fail.
- Panel perbandingan — Perbandingan output A/B bersebelahan dengan undian pemenang, untuk penilaian model gaya arena.
- Bar pengesahan — Bar kelulusan tidak modal untuk satu tindakan ejen yang dicadangkan, dipaparkan dalam transkrip.
- Pemeriksa konteks — Paparan pemeriksaan segmen konteks panggilan model dengan anggaran token, petikan, penanda redaksi dan kawalan salinan/eksport.
- Dataset eval — Senarai contoh penilaian boleh ditapis dan boleh ditanda nama dengan kemampuan tambah, alih keluar, import dan eksport.
- Keputusan eval — Pemarkahan rubrik dan permukaan semakan manusia untuk membandingkan larian satu contoh penilaian.
- Larian penilaian — Paparan kemajuan langsung bagi sekumpulan penilaian, dengan kemajuan keseluruhan dan butiran setiap contoh.
- Ringkasan dasar — Senarai baca sahaja bagi keputusan pagar, kebenaran, privasi dan dasar alat dengan penjelasan membenarkan, menafikan atau keperluan semakan yang boleh diakses.
- Paparan masa span — Garis masa mendatar bagi jarak jejak ejen sebagai bar tona status terhadap paksi masa yang dikongsi.
- Jejak tindanan — Menghuraikan jejak tindanan JS/TS, penyemak imbas dan Python ke dalam bingkai boleh diaktifkan dengan lipatan bingkai dalaman.
- Senarai tugas — Penjejak langsung dan boleh lipat untuk pelan ejen dengan status kitaran hayat setiap langkah dan sub-langkah bersarang.
- Terminal — Konsol ANSI baca sahaja untuk output ejen atau alat, dengan carian dan tatal automatik ke bawah.
- Keputusan ujian — Ringkasan suite ujian lulus/gagal dengan kiraan setiap status, togol penapis dan perincian kegagalan yang berkembang secara automatik.
- Panel pemikir — Panel boleh lipat untuk transkrip penaakulan langsung atau disemak ejen AI.
- Dialog kelulusan alat — Lulus, tolak atau ubah panggilan alat yang dicadangkan sebelum dijalankan.
- Blok panggilan alat — Blok sebaris boleh lipat untuk satu panggilan alat ejen yang mengembang untuk menunjukkan hujah, ralat dan keputusannya.
- Cip panggilan alat — Pil sebaris padat yang meringkaskan nama, status dan tempoh panggilan alat ejen.
- Borang parameter alat — Menghasilkan borang yang boleh diedit daripada Skema JSON rata alat untuk mengubah hujah panggilan.
- Dialog hasil alat — Tindanan modal yang menunjukkan status panggilan alat, tempoh dan butiran hasil penuh.
- Paparan hasil alat — Memaparkan hasil panggilan alat melalui pemapar berdaftar, kembali kepada JSON.
- Dialog pemilihan alat — Dialog yang boleh dicari kumpulan kategori untuk memilih alat ejen yang didayakan.
- Garis masa alat — Senarai kronologi bagi panggilan alat yang dijalankan oleh ejen dengan kiraan cuba semula, gerbang kelulusan manusia dan redaksi medan sensitif.
- Pokok jejak — Hierarki rentang boleh dilipat untuk jejak ejen/LLM dengan bar tempoh dan lajur token/kos pilihan.
- Kad keputusan — Cangkang kad bersempadan memberikan pemapar hasil alatan tersuai satu rupa kad kecil
- Medan keputusan — Baris label/nilai padat untuk kad hasil alat dan jalur metadata padat
- Apl MCP — Menjalankan sumber aplikasi MCP dalam bingkai terpencil dan menghantar permintaan hos sebagai acara bertip.
- Studio prompt — Ruang kerja bebas penyedia untuk mengedit, melihat pratonton, menyimpan versi dan menjalankan prompt berstruktur.
- Pemapar Skema JSON — Memeriksa pokok JSON Schema yang boleh dipilih, termasuk kekangan, medan wajib, cabang gabungan dan ralat pengesahan.
- Panel subagen — Memaparkan hierarki subagen dengan status, tugas, model, kemajuan dan tindakan kawalan.
Pemerolehan Maklumat dan Graf Pengetahuan
- Kad komuniti — Kad ringkasan kelompok untuk komuniti graf pengetahuan, dengan cip ahli dan tindakan latih tubi.
- Penjelajah embedding — Paparan taburan 2D yang boleh diakses bagi koordinat benam yang diunjurkan hos, dengan pewarnaan kelompok pilihan dan pemilihan titik.
- Kad entiti — Kad entiti graf pengetahuan dengan jenis, sifat, bilangan hubungan dan tindakan fokus pada graf.
- Cip entiti — Sebutan @entiti sebaris untuk prosa ejen dengan tuding/fokus pratonton popover.
- Dossier entiti — Permukaan butiran entiti dengan pengepala, statistik keyakinan dan tab untuk perhubungan, bahagian sokongan dan asal.
- Graf — Memaparkan hubungan sebagai graf nod dan pautan yang boleh disorot dan dizum.
- Petunjuk graf — Legenda jenis nod untuk graf berpasangan yang berfungsi sebagai penapis keterlihatan.
- Baris gilir pengimportan — Senarai terkawal dokumen yang bergerak melalui saluran paip pengingesan, menunjukkan peringkat, kemajuan, kiraan dan cuba semula atau batalkan permintaan.
- Pangkalan pengetahuan — Senarai sumber pangkalan pengetahuan dengan status penyegerakan dan pengindeksan, kebenaran dan tindakan pengurusan.
- Pentadbir pangkalan pengetahuan — Cangkang operasi bertab menggandingkan sumber asas pengetahuan dengan baris gilir pengingesan dan tindakan pengurusan pemajuan kepada hos.
- Penjelajah graf pengetahuan — Cangkang penerokaan graf pengetahuan yang menggabungkan pemaparan graf, carian entiti, penapis jenis, pengembangan kejiranan dan pencarian laluan.
- Peta minda — Pohon topik boleh dikembangkan jejari untuk menyemak imbas hierarki dan penggerudian topik secara spatial.
- Senarai nod bersebelahan — Baris perhubungan satu entiti dengan kemampuan navigasi setiap baris dan kembangkan dalam graf.
- Palet nod — Pustaka nod yang boleh dicari dan dikategorikan untuk menyeret atau meletakkan nod pada kanvas aliran.
- Jalur laluan — Rantaian nod-perkaitan-nod yang padat dan boleh ditatal memberikan laluan penaakulan GraphRAG.
- Pemeriksa ketulan — Senarai petikan RAG mengikut kedudukan, dengan skor perkaitan dan pautan ke dokumen asal.
- Lencana petikan — Penanda petikan [n] sebaris dengan pratonton tuding dan pewarnaan keyakinan/pengesahan.
- Ringkasan asas — Ringkasan sokongan sumber bagi setiap dakwaan, termasuk liputan petikan, keyakinan, amaran dan bukti.
- Panel ingatan — Permukaan ingatan kerja ejen untuk konteks jangka pendek dan ingatan jangka panjang, dengan tindakan berpagar keyakinan dan pengesahan.
- Panel asal — Pecahan boleh buka bagi entiti, hubungan, komuniti dan petikan yang menyokong sesuatu jawapan.
- Jawapan RAG — Jawapan bersumber yang menggabungkan Markdown selamat, petikan, penilaian sokongan dan pratonton sumber.
- Kemajuan penyelidikan — Menunjukkan langkah penyelidikan yang dibekalkan oleh hos, kiraan sumber dan kemajuan penyiapan keseluruhan.
- Hasil carian semula — Hasil carian tersusun dengan penyingkiran pendua, pengelompokan sumber, pilihan dan paparan ringkas atau terperinci.
- Carian maklumat — Bar pertanyaan untuk mendapatkan semula atau permukaan RAG, dengan cip penapis dan skop, pemilih mod vektor/kata kunci/hibrid dan maklum balas status.
- Jejak carian maklumat — Garis masa peringkat saluran paip perolehan dengan bukti boleh dikembangkan untuk setiap peringkat penulisan semula, benam, dapatkan semula, kedudukan semula dan penapis.
- Kad sumber — Entri petikan yang menunjukkan tajuk, halaman, petikan dan teks penuh boleh dikembangkan sumber.
- Senarai sumber — Panel Sumber Boleh Dilipat mengumpulkan kad petikan mesej sembang di bawah satu pengepala.
- Pemilih sumber — Pokok kotak semak untuk memilih sumber jawapan seterusnya, dengan folder tiga keadaan dan carian.
- Bukti dakwaan — Membandingkan dakwaan terjana dengan petikan dan menunjukkan sokongan, keyakinan serta bukti.
- Papan pemuka penilaian RAG — Memaparkan metrik kualiti RAG, arah aliran dan sejarah penilaian daripada hasil yang dikira oleh aplikasi.
- Perbandingan perolehan semula — Membandingkan set keputusan perolehan dan penarafan semula secara bersebelahan dengan pertindihan dan pecahan skor.
Borang & Input
- Butang — Butang tindakan bertema dengan pilihan warna, saiz dan keadaan memuat.
- Kotak semak — Kawalan borang dengan keadaan ditanda, tidak ditanda dan separa ditanda.
- Kumpulan kotak semak — Himpunkan kotak pilihan yang berkaitan ke dalam satu medan berbilang pilihan yang berkaitan borang yang disahkan.
- Editor kod — Editor kod berbilang baris tanpa kebergantungan tambahan, dengan nombor baris pilihan.
- Pemilih warna — Medan warna asli untuk borang, dengan label, petunjuk dan mesej ralat pengesahan.
- Kotak kombo — Medan teks boleh ditapis dengan senarai pilihan tunggal atau berbilang.
- Input tarikh — Medan tarikh dengan popover kalendar yang dilampirkan dan nilai ISO-8601.
- Pemilih tarikh — Kalendar grid bulan sebaris untuk memilih tarikh tunggal atau julat tarikh.
- Pemilih emoji — Pemilih yang boleh dicari, boleh dilayari papan kekunci, berkaitan bentuk untuk memilih emoji.
- butang ikon — Butang ikon padat dan mudah diakses untuk menjalankan tindakan.
- Input — Medan teks sebaris dengan label, petunjuk dan mesej ralat pilihan.
- Pemilih negara — Memilih kod negara dan wilayah dengan nama terjemahan, bendera dan carian pilihan.
- Pemilih mata wang — Memilih kod mata wang dengan nama terjemahan, simbol dan carian pilihan.
- Pemilih zon waktu — Memilih pengecam zon waktu daripada senarai tersusun, dengan carian pilihan.
- Pemilih unit — Memilih unit ukuran dengan nama terjemahan, simbol dan carian pilihan.
- Pemilih bahasa — Senarai pilihan untuk menukar bahasa dan wilayah aktif daripada daftar bahasa pustaka.
- Input nombor — Medan berangka dengan kekangan min, maks dan langkah serta pengesahan kekangan asli.
- Pilihan — Nilai suapan pilihan yang boleh dipilih, label, pengumpulan dan data status ke kotak kombo.
- Input telefon — Medan nombor telefon yang mengambil kira negara, dengan nilai borang dalam format E.164.
- Butang radio — Kawalan borang untuk memilih satu pilihan daripada sekumpulan pilihan.
- Kumpulan butang radio — Kumpulan butang radio berlabel yang boleh dikendalikan dengan papan kekunci.
- Borang rubrik — Rubrik pemarkahan, kategori dan ulasan yang boleh dikonfigurasikan dengan aliran serah-dan-seterusnya untuk bekerja melalui baris gilir eval.
- Senarai pilihan — Senarai lungsur untuk memilih satu pilihan daripada set yang tetap.
- Signature pad — Accessible form control for drawing a signature with pointer or keyboard input.
- peluncur — Kawalan julat berangka untuk tetapan seperti suhu LLM atau tahap kelantangan.
- Pemetik swatch — Pemilih pilihan tunggal pada set kecil swatch warna tetap dengan kontrak kumpulan radio terbina dalam.
- Suis — Suis hidup atau mati yang boleh digunakan dalam borang.
- Textarea — Medan teks berbilang baris dengan saiz automatik dan pengesahan.
- Input masa — Medan masa bersegmen mengikut bahasa dan wilayah, dengan pemilih masa; alternatif asli ialah lr-native-time-input.
- Julat masa — Gelangsar dengan dua pemegang untuk memilih nilai mula dan tamat.
- Butang togol — Butang dua keadaan untuk menghidupkan atau mematikan pilihan.
- Kumpulan butang togol — Kumpulan butang togol dengan satu hentian tab untuk pilihan tunggal atau berbilang.
- Medan masa asli — Medan masa asli pelayar yang dibalut label, petunjuk dan pengesahan Lyra.
- Input OTP — Medan bersegmen untuk memasukkan kod pengesahan sekali, dengan autoisi SMS terbina dalam.
- Butang radio — Kawalan pilihan tunggal digayakan sebagai butang dan bukannya bulatan, biasanya dihimpunkan ke dalam kawalan bersegmen dengan lr-radio-group.
- Input token — Medan berkaitan borang yang mengumpulkan senarai token boleh alih keluar seperti teg atau penerima.
Paparan Data
- Pembina pertanyaan graf — Editor borang untuk hubungan graf atau pertanyaan laluan, dengan entiti permulaan, penapis jenis, had langkah dan pertanyaan tersimpan.
- Kalendar — Kalendar bulan responsif dengan penanda acara dan paparan agenda yang boleh diakses papan kekunci.
- Meter konteks — Meter penghunian yang dibahagikan, bar atau gelang, untuk belanjawan token atau tetingkap konteks.
- Perpustakaan dokumen — Inventori dokumen yang boleh dicari dan boleh ditapis dengan versi, teg, pemilik, kesegaran, pengisihan dan pemilihan pukal.
- senarai env — Senarai kunci/nilai bertopeng untuk pembolehubah dan rahsia persekitaran, dengan dedah dan salin setiap baris.
- Pokok fail — Pratetap penjelajah fail pada komponen pokok dengan lencana status git dan pemuatan direktori malas.
- Kanvas aliran kerja — Kanvas boleh pann, boleh zum untuk membina dan menjalankan aliran kerja DAG visual.
- Kawalan aliran kerja — Zum, muat dan gugusan butang kunci untuk kanvas aliran berpasangan.
- Minimap aliran kerja — Peta gambaran keseluruhan sudut dengan segi empat tepat port pandangan boleh seret untuk kanvas aliran berpasangan.
- Nod aliran kerja — Kad nod aliran kerja dengan tajuk, status dan titik sambungan.
- Status larian aliran kerja — Menolak hiasan status larian ke atas kanvas aliran dan menunjukkan jalur ringkasan langkah yang padat.
- corong — Menunjukkan drop-off penukaran peringkat demi peringkat sebagai bar dinormalkan ke peringkat pertama.
- Tolok — Menunjukkan nilai tunggal sebagai meter jejari, gelang atau linear.
- Peta haba — Memaparkan matriks atau grid kalendar nilai sebagai peta haba kanvas sedar saiz semula.
- penomboran — Navigasi halaman terkawal dengan lompatan halaman boleh diedit dan ringkasan julat item
- Pembina syarat — Pembina pertanyaan berstruktur boleh gubah untuk data jadual atau papan pemuka, menggabungkan baris keadaan medan/pengendali/nilai dengan penggabung DAN/ATAU.
- Jalur urutan — Jalur padat setiap item menggambarkan urutan keadaan kategori sebagai sel berwarna dengan penanda pilihan.
- Sparkline — Memplot arah aliran SVG sebaris padat sebagai garisan, kawasan terisi atau bar untuk siri data.
- Stat — Mempersembahkan satu KPI dengan unit, pil trend, baris pecahan dan garis percikan pilihan.
- Jadual data — Jadual data persembahan dengan pengepala boleh diisih, pemilihan, penapisan dan penomboran.
- Garis masa — Urutan baris peristiwa lalu yang disambungkan untuk jejak audit, sejarah ejen dan log perubahan.
- Item garis masa — Satu baris acara untuk garis masa dengan penanda berkod warna, tajuk, cap masa dan perihalan.
- Pokok — Kembangkan/runtuhkan hierarki untuk menavigasi graf, dokumen atau pepohon fail
- Nod pokok — Penyampai baris item pokok rekursif untuk satu nod dan anak-anaknya di dalam pokok.
- Awan perkataan — Awan teg SVG kebergantungan sifar yang menskalakan setiap perkataan mengikut beratnya
- Grid data — Grid data maya untuk set data besar atau yang dimuat daripada pelayan, dengan isihan, penapisan, pengumpulan, penomboran dan pemilihan.
Carta
- Carta bar — Membandingkan nilai merentas kategori dengan bar menegak atau mendatar.
- Plot kotak — Meringkaskan taburan berdasarkan lima statistik yang dikira terlebih dahulu.
- Carta gelembung — Plotkan tiga dimensi setiap titik menggunakan kedudukan x, y dan jejari buih.
- Carta — Carta umum berasaskan Chart.js untuk visualisasi garisan, bar, pai dan lain-lain.
- Carta donat — Menunjukkan perkadaran sebahagian kepada keseluruhan sebagai segmen cincin.
- Histogram — Tongkan nilai berangka ke dalam baldi yang sama lebar untuk mendedahkan pengedarannya.
- Carta garisan — Menjejaki arah aliran pada paksi berterusan dengan satu atau lebih siri bersambung.
- Carta ringkas — Carta bar atau garisan ringan dalam SVG tanpa kebergantungan Chart.js.
- Carta pai — Carta pai berkadar menunjukkan bahagian satu siri keseluruhan
- Carta kawasan kutub — Carta kawasan kutub memplot setiap kategori sebagai baji berskala mengikut nilainya
- Carta radar — Carta radar membandingkan beberapa metrik satu siri pada grid jejari
- Carta taburan — Plot taburan pasangan titik x/y mentah pada paksi linear
Susun atur & Navigasi
- Akordion — Mengurus kumpulan panel boleh buka dan tutup, dengan pilihan untuk membuka beberapa sekali gus.
- Item akordion — Panel pendedahan boleh lipat direka untuk dimasukkan ke dalam kumpulan akordion.
- Rel aplikasi — Rel navigasi responsif yang bertukar daripada paparan penuh kepada ikon sahaja atau tindanan mudah alih.
- Kumpulan rel aplikasi — Bahagian bertajuk, boleh dilipat secara pilihan yang mengumpulkan item navigasi dalam rel aplikasi.
- Item rel aplikasi — Item navigasi ikon dan label untuk rel aplikasi, dengan keadaan runtuh ikon sahaja.
- Jejak navigasi — Jejak navigasi yang menunjukkan lokasi pengguna dalam hierarki halaman.
- Item jejak navigasi — Satu pautan atau label halaman semasa dalam jejak navigasi.
- Kumpulan butang — Himpunkan butang tindakan yang berkaitan ke dalam satu kelompok yang responsif dan berlabel
- Kad — Permukaan kandungan bersempadan dengan pengepala, media, pengaki dan slot tindakan.
- karusel — Karusel slaid tunggal boleh diakses dengan nav papan kekunci, penunjuk, gelung dan automain.
- Item karusel — Pembalut slaid pilihan yang memberikan gaya konsisten kepada item karusel.
- Palet arahan — Menu arahan aplikasi yang boleh dicari dengan navigasi papan kekunci dan pintasan.
- Kumpulan kawalan — Himpunkan kawalan borang bercampur dan butang tindakan ke dalam satu baris bar alat yang responsif dan berpusat.
- Grid papan pemuka — Grid widget terkawal yang responsif dan boleh diakses papan kekunci yang meletakkan entri reka letak dan mengeluarkan permintaan bergerak, mengubah saiz dan perlanggaran.
- Butiran — Panel pendedahan boleh diakses yang berkembang untuk mendedahkan kandungan di bawah ringkasan.
- Panel dok — Panel boleh ubah saiz dan boleh lipat dilekatkan pada satu tepi reka letak sedia ada anda.
- Panel perincian — Panel untuk menavigasi daripada carta atau jadual ke bukti, dokumen, entiti atau larian ejen berkaitan.
- Item jatuh turun — Alias serasi Web Awesome untuk satu tindakan dalam menu lungsur.
- Bar penapis — Barisan penapis papan pemuka yang mengarang input Lyra dan cip boleh tanggal, dengan keadaan tetapan semula dan pemuatan.
- Menu — Menu semantik sebaris item tindakan dengan fokus mengembara dan submenu bersarang.
- Item menu — Baris tindakan tunggal untuk menu, dengan ikon pilihan, kotak pilihan atau gaya yang merosakkan.
- Item boleh susun semula — Baris tunggal di dalam senarai susunan semula, memasangkan butang bergerak naik/turun dengan kandungan berslot sewenang-wenangnya.
- Senarai boleh susun semula — Senarai baris yang boleh disusun semula generik, dialihkan melalui butang setiap baris atau pintasan Ctrl/Cmd+Anak Panah.
- Label menu — Menambah tajuk bahagian bukan interaktif untuk mengumpulkan item berkaitan dalam senarai menu.
- Bar menu — Bar menu aplikasi mendatar bagi menu lungsur turun bertajuk dengan navigasi papan kekunci penuh.
- Item menubar — Satu tajuk bar menu peringkat atas yang membuka menu berslotnya atau bertindak sebagai tindakan biasa.
- Menu navigasi — Menu navigasi tajuk tapak dengan pautan dan panel yang terbuka; menjadi menu ringkas apabila ruang sempit.
- Item menu navigasi — Satu entri menu navigasi: pautan halaman atau butang pendedahan yang membuka panel flyout.
- Halaman — Rangka aplikasi dengan navigasi yang berubah daripada lajur desktop kepada panel modal mudah alih mengikut ruang tersedia.
- Panel responsif — Dok kandungan sebaris pada desktop atau bentangkannya sebagai helaian tindanan pada mudah alih
- penggulir — Permukaan limpahan responsif dengan kawalan pilihan sebelumnya/seterusnya untuk baris kad dan tab.
- bersegmen — Baris butang pilihan tunggal untuk memilih satu daripada beberapa pilihan berlabel sepintas lalu.
- Panel berbilang bahagian — Membahagikan papan pemuka kepada panel boleh ubah saiz seret dengan keruntuhan responsif pilihan.
- Panel berbelah — Membahagikan kandungan kepada dua anak tetingkap drag-resizable dengan pembahagi tunggal, alternatif yang lebih mudah kepada lr-multi-split berbilang panel.
- Stepper — Membimbing pengguna melalui wizard berbilang langkah yang dipesan dengan keadaan setiap langkah dan klik untuk melompat.
- Kumpulan tab — Kumpulan tab yang memaparkan satu panel Light DOM pada satu masa dengan sokongan papan kekunci penuh.
- Tab — Tab serasi Web Awesome dan Shoelace yang berpasangan dengan panel dalam kumpulan tab.
- Panel tab — Panel tab serasi Web Awesome dan Shoelace yang berpasangan dengan tab dalam kumpulan tab.
- Senarai maya — Hos senarai bertingkap yang memaparkan hanya baris pada skrin untuk koleksi boleh tatal yang besar
- Widget — Cangkang panel bertajuk dengan keruntuhan pilihan dan togol kembangkan skrin penuh
Tindanan & Maklum Balas
- Pemberitahuan — Kawasan pemberitahuan yang menyusun mesej di sudut skrin.
- Item pemberitahuan — Satu pemberitahuan boleh ditutup dengan penekanan status, ikon pilihan dan pemasa tutup automatik.
- Cip — Label kecil untuk tag, penapis atau skop; boleh dibuang atau ditogol.
- Kumpulan cip — Membungkus set cip dengan togol limpahan +N pilihan apabila ia melebihi had.
- Makluman — Mesej amaran yang tertutup secara lalai, dengan tutup automatik dan pilihan untuk dipaparkan dalam susunan pemberitahuan.
- Lencana — Label status padat untuk keadaan isyarat, kiraan atau kategori sebaris
- Serlahan ciri — Permukaan mesej sebaris untuk status, amaran dan kandungan ralat, boleh ditolak.
- Menu konteks — Mengubah mana-mana rantau menjadi sasaran klik kanan, tekan lama atau Shift+F10 yang membuka menu tindakan.
- Dialog — Tindanan modal terperangkap fokus untuk pengesahan, borang dan tugas gangguan lain.
- Laci — Luncurkan panel modal masuk dari mana-mana tepi port pandang untuk penapis atau kawalan kontekstual.
- Jatuh turun — Popover peranan menu yang melabuhkan senarai tindakan pada pencetus milik pengguna
- Keadaan kosong — Menyampaikan keadaan kosong atau tiada data dengan ikon, mesej dan tindakan pilihan.
- Kbd — Memaparkan pintasan papan kekunci sebagai kekunci mengikut platform.
- Popover — Panel terapung yang dibuka dengan klik dan ditutup apabila klik di luar.
- Pop timbul — Primitif kedudukan berlabuh peringkat rendah yang memastikan panel terapung sejajar dengan sauhnya, enjin yang sama yang mendasari komponen popover dan hujung alat.
- Bar kemajuan — Penunjuk kemajuan mendatar, sama ada mempunyai nilai tertentu atau tidak ditentukan.
- Cincin kemajuan — Penunjuk kemajuan bulat, sama ada mempunyai nilai tertentu atau tidak ditentukan.
- Penilaian — Penarafan bintang yang boleh diakses papan kekunci dengan isian separa ketepatan pecahan
- Rangka — Pemegang tempat pemuatan animasi berdiri untuk kandungan semasa ia dimuatkan.
- pemutar — Mengisyaratkan tugas latar belakang yang berterusan dengan penunjuk sibuk animasi yang tidak tentu.
- Tag — Alias semantik rawatan lencana untuk melabelkan kata kunci atau kategori
- Petua alat — Petua alat yang dicetuskan tuding dan fokus yang menerangkan pencetus milik pengguna
Pemapar Dokumen & Fail
- Pemapar arkib — Menyenaraikan nama fail dan saiz tidak dimampatkan di dalam arkib ZIP tanpa mengekstrak kandungan.
- Pemapar kalendar — Menghuraikan dan menjadikan acara fail kalendar .ics sebagai ringkasan, masa dan lokasi.
- Pemapar kenalan — Memaparkan butiran kenalan dalam paparan yang jelas.
- pemapar CSV — Mengambil fail CSV dan memaparkan barisnya dalam helaian maya dan boleh ditatal.
- Pemapar set data — Mengambil teks berpisah dan memaparkannya sebagai jadual data bertip yang boleh diakses.
- Perbandingan dokumen — Perbandingan bersebelahan atau sebaris dua versi dokumen, menggabungkan paparan perbezaan teks dengan pratonton dokumen yang diberikan.
- Pratonton dokumen — Pratonton dokumen atau lampiran sebaris berdasarkan jenis MIME, dengan sandaran muat turun.
- Pemapar dokumen — Memaparkan dokumen dalam dialog dengan pendaftaran pemapar jenis MIME boleh pasang.
- pemapar DOCX — Memaparkan DOCX sebagai HTML semantik yang telah dibersihkan menggunakan pustaka Mammoth.
- Pemapar e-buku — Memaparkan EPUB dengan navigasi bab menggunakan rakan epub.js pilihan.
- Pemapar e-mel — Menghuraikan dan memaparkan mesej .eml dengan pengepala, badan yang dibersihkan dan lampiran.
- Pemapar GeoJSON — Mengambil, mengesahkan dan memaparkan ciri fail GeoJSON pada peta.
- Lapisan penyerlahan — Tindanan yang melukis segi empat tepat sorotan boleh diaktifkan pada kandungan dokumen yang diposisikan.
- pemapar HTML — Mengambil URL dan memaparkan HTMLnya dengan selamat selepas membersihkannya.
- Kandungan terbenam — Mengambil cebisan HTML dan memasukkannya sebagai kandungan Light DOM yang telah dibersihkan.
- Pemapar buku nota — Pemapar Jupyter Notebook baca sahaja untuk sel Markdown, kod dan hasil kaya.
- Jalur pratonton halaman — Jalur menegak lakaran halaman untuk menavigasi dokumen berbilang halaman.
- pemapar PDF — Mengambil dan menjadikan halaman PDF dengan zum, penomboran dan lapisan teks yang boleh dipilih
- pemapar PPTX — Pemapar sisi klien usaha terbaik untuk persembahan PowerPoint PPTX.
- Pemapar hamparan — Mengambil dan memaparkan buku kerja .xlsx dan .xls lama dengan tab helaian dan baris termaya.
- pemapar SVG — Mengambil dan memaparkan dokumen SVG terbenam yang telah dibersihkan daripada URL.
- pemapar XML — Paparan pokok boleh dilipat dan boleh disalin untuk memeriksa dokumen XML.
Media & Fail
- Cip lampiran — Cip padat untuk fail yang dilampirkan pada mesej, dengan status muat naik, kemajuan dan cuba semula.
- Avatar — Penanda identiti kecil yang menunjukkan ikon, imej atau sandaran parap untuk seseorang atau entiti
- Imej animasi — Memainkan animasi GIF, APNG atau WebP dengan kawalan jeda yang menghormati pilihan gerakan pengguna.
- Animasi — Secara deklaratif menghidupkan kanak-kanak berslot dengan pratetap bernama atau bingkai kekunci tersuai.
- Butang lampiran — Butang lampiran dalam medan mesej yang membuka pemilih fail atau menu tindakan.
- pemain AV — Pemain audio/video dengan transkrip kiu yang disegerakkan, bentuk gelombang dan kawalan kadar main balik.
- Kumpulan avatar — Susun avatar bertindih ke dalam baris padat yang meruntuhkan tambahan menjadi lencana +N
- Zon jatuh — Pembalut seret dan lepas yang menukar mana-mana rantau menjadi sasaran lepas fail tanpa pemilih fail sendiri.
- ikon fail — Lencana jenis fail setempat diselesaikan daripada jenis MIME atau nama fail.
- Input fail — Zon seret dan lepas dan klik untuk menyemak imbas yang mengeluarkan fail yang dipilih.
- Bendera — Bendera negara atau bahasa dipaparkan dalam bingkai bulat yang boleh bertemakan.
- Pembanding Imej — Luncurkan pembahagi yang boleh diakses papan kekunci untuk membandingkan permukaan sebelum dan selepas bersebelahan.
- Pemapar imej — Pemapar imej raster pan/zum penuh dengan sorotan rantau berlabel dan anotasi pilihan.
- Lightbox — Pemapar imej mod skrin penuh dengan navigasi dan zum sebelum/seterusnya
- Peta — Peta MapLibre GL dengan petunjuk, kawasan berwarna dan penanda.
- Kad media — Pratonton sebaris untuk imej, video atau lampiran fail dalam mesej sembang.
- Sorot dan zum — Port pandangan boleh tatal untuk menyorot dan mengezum ke kandungan berslot atau satu imej pada tahap zum terhad.
- Main semula urutan — Main/jeda pengangkutan yang melangkah indeks melalui julat pada pemasa tetap.
- Kod QR — Mengekodkan sebarang nilai sebagai simbol kod QR boleh imbasan yang diberikan kepada kanvas.
- Video — Pemain video sebaris dengan kawalan tersuai, kapsyen boleh dipilih dan pratonton lakaran kenit.
- Senarai main video — Memainkan urutan video dalam senarai main yang boleh dilayari, memajukan secara automatik apabila setiap satu selesai.
- Bingkai boleh dizum — Pratonton iframe terasing dengan kawalan zum; untuk kandungan atau imej boleh sorot, gunakan lr-pan-zoom.
Utiliti
- Pemerhati persilangan — Memancarkan entri persimpangan asli apabila sasaran berslot memasuki atau meninggalkan port pandangan.
- Pemerhati mutasi — Memerhati perubahan elemen dan atribut dalam kandungan yang diberikan, lalu menghantar rekod mutasi asli.
- Pemerhati saiz — Memerhati perubahan saiz elemen kandungan dan menghantar rekod saiz asli tanpa paparan visual.
- Butang salin — Butang ikon sahaja yang menyalin nilai teks ke papan keratan dengan maklum balas tanda semak.
- Paparan perbezaan — Menjadikan perbezaan garis dua rentetan sebenar sebagai keluaran perbezaan bersatu berkod warna.
- Pembahagi — Pemisah semantik bertema untuk memisahkan kandungan secara mendatar atau menegak.
- Butang eksport — Muat turun data jadual sebagai CSV atau JSON, format tunggal atau melalui menu format.
- Pemformatan bait — Pemformatan saiz bait sedar setempat dengan langkah dan ketepatan unit boleh laras.
- Pemformatan tarikh — Pemformatan tarikh dan masa yang sedar setempat melalui Intl.DateTimeFormat.
- Pemformatan nombor — Nombor sedar setempat, mata wang dan pemformatan padat melalui Intl.NumberFormat.
- ikon — Memaparkan glyph SVG sebaris yang jelas daripada set laluan bernama terbina dalam dengan kebergantungan sifar.
- pemapar JSON — Paparan pokok boleh dilipat dan boleh disalin untuk memeriksa sebarang muatan JSON
- Tarikh diketahui — Input hari, bulan dan tahun untuk tarikh yang telah diketahui pengguna.
- Wilayah langsung — Rantau langsung ARIA yang tersembunyi secara visual yang mempercepatkan pengumuman pembaca skrin
- Popover sebutan — Autolengkap berlabuh karet untuk @-sebutan dan slash-perintah dalam medan teks.
- Status kemas kini berkala — Menunjukkan masa hingga kemas kini berjadual seterusnya, dengan kawalan jeda dan sambung.
- Kandungan rawak — Menggilir kandungan pilihan secara rawak atau berurutan, contohnya untuk teks A/B.
- Masa relatif — Memaparkan masa relatif mengikut bahasa dan wilayah, serta mengemas kini sendiri.
- Lawatan — Panduan produk berlangkah dengan penyerlahan untuk pengguna baharu.
- Tersembunyi secara visual — Menyembunyikan kandungan secara visual sambil memastikan ia tersedia kepada pembaca skrin, menjadi kelihatan semula pada fokus.