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.