Semua komponen

Jelajahi seluruh 308 komponen Lyra UI. Saring berdasarkan kategori, cari berdasarkan nama, lalu coba pratinjau langsung atau buka contoh dalam dokumentasi.

Percakapan & Obrolan

Ruang kerja agen — Shell terkontrol responsif untuk percakapan AI yang menyusun transkrip, komposer, dan panel detail run/tool/retrieval/grounding/context opsional.
Visualisator audio — Visualisasi aktivitas suara yang digambar di kanvas yang mencerminkan keadaan diam, mendengarkan, berpikir, atau berbicara agen.
Pemilih cabang — Mengontrol ‹ n / m › navigator di seluruh varian pesan obrolan yang dibuat ulang atau diedit.
Penyusun pesan — Mengubah ukuran input pesan obrolan secara otomatis dengan kontrol kirim dan hentikan bawaan
Pesan obrolan — Cangkang gelembung obrolan berbasis peran dengan avatar, lencana, dan footer yang mengetahui status
Area pandang obrolan — Wadah gulir transkrip yang memiliki perilaku mengikuti tempel ke bawah, pil lompat ke terbaru, dan pembagi yang belum dibaca.
Pos pemeriksaan — Titik pemulihan percakapan sebaris dengan kemampuan konfirmasi lalu pulihkan untuk mengembalikan obrolan ke keadaan sebelumnya.
Blok kode — Tampilan blok kode dengan penyorotan sintaks yang dimuat saat diperlukan dan tombol salin.
Inti blok kode — Tampilan kode build-lean yang hanya menyoroti peta tata bahasa yang disediakan pada waktu kompilasi.
Item percakapan — Baris riwayat obrolan yang dapat dipilih menampilkan judul sesi, pratinjau, dan stempel waktu.
Metrik generasi — Menampilkan waktu, token, dan throughput yang telah berlalu saat respons AI mengalir.
Pembagi serah terima — Pemisah berlabel menandai transfer kontrol antar agen dalam transkrip.
Markdown — Merender Markdown yang disanitasi menjadi HTML, termasuk tabel GFM, blok kode, dan tautan.
Inti Markdown — Perender Markdown ringan yang menyoroti kode dari peta tata bahasa yang disediakan saat kompilasi.
Tindakan pesan — Toolbar tindakan per pesan untuk pesan obrolan dengan fitur salin, buat ulang, edit, dan masukan bawaan.
Umpan balik pesan — Nilai suka/kurang suka untuk satu pesan asisten dengan panel detail alasan dan komentar opsional.
Pemilihan model — Penyedia dan pemilih model dengan katalog tetap atau entri kustom teks bebas.
Panel pengaturan model — Pemilih model dan penggeser suhu berpasangan untuk mengonfigurasi agen.
Tekan untuk berbicara — Tombol pengambilan mikrofon yang memiliki siklus hidup permintaan izin, perekaman, dan pembongkaran penuh untuk penggunaan tekan dan tahan atau alihkan.
Status aliran — Menampilkan fase koneksi streaming tunggal dengan deteksi terhenti yang peka terhadap detak jantung.
Teks streaming — Secara bertahap merender teks asisten streaming, menggabungkan pembaruan token yang cepat.
Inti teks streaming — Perender teks streaming ringan yang menyoroti blok kode Markdown hanya dengan peta tata bahasa yang disediakan saat kompilasi.
Chip saran — Deretan chip prompt awal atau lanjutan yang dapat digulir; teks pilihan dikirim ke aplikasi.
Daftar utas — Bilah samping percakapan yang dikelompokkan dan dapat dicari dengan tindakan menyematkan, mengarsipkan, menghapus, dan mengganti nama baris.
Umpan transkrip — Umpan teks langsung untuk sesi suara yang sedang berlangsung dengan peningkatan sementara hingga akhir dan gulir ke bawah.
Indikator pengetikan — Isyarat kehadiran presentasi yang menunjukkan asisten sedang menyusun respons
Lencana penggunaan — Strip token/biaya/latensi ringkas untuk satu pesan atau dijalankan, dengan rincian tooltip hover.
Pemilih suara — Pemilih suara TTS melalui katalog yang disediakan dengan pratinjau audio sebaris dan penanganan nilai basi.
Penyaji widget — Menampilkan pohon widget JSON deklaratif yang dikirim agen secara streaming melalui daftar tipe dan komponen yang diizinkan.
Bagian pesan — Merender bagian pesan AI yang teratur dan dapat disisipkan dengan teks, alasan, alat, kutipan, lampiran, dan primitif media.
Masukan prompt — Menggabungkan penulisan prompt dengan lampiran, pilihan model dan suara, sumber informasi, penyebutan, perintah, dan giliran yang diantrikan.
Antrean prompt — Mengelola antrean perintah tindak lanjut yang terkontrol yang dapat diedit, disusun ulang, dihapus, atau dikirim segera.
Sesi real-time — Menyediakan shell sesi suara netral penyedia untuk koneksi, aktivitas, transkrip, pengambilan, pembisuan, dan kontrol interupsi.
Bilah alat seleksi — Posisikan tindakan bertanya, mengutip, mengutip, dan menyalin di samping teks yang dipilih sambil membawa jangkar dokumennya.

Alat Agen & Observabilitas

Umpan aktivitas — Log streaming khusus tambahan dari tindakan granular agen, diciutkan ke ringkasan langkah yang diselesaikan setelah proses selesai.
Dasbor evaluasi agen — Ikhtisar evaluasi terkontrol yang memasangkan kartu metrik dengan diagram tren dan riwayat status per proses.
Pertanyaan agen — Mengumpulkan respons terstruktur terhadap pertanyaan agen atau server MCP, dengan tindakan menerima, menolak, dan membatalkan.
Eksekusi latar belakang — Menampilkan pekerjaan agen yang diantri, dijalankan, dan diselesaikan yang dikelola host dengan permintaan terbuka dan pembatalan.
Pengukur anggaran — Menampilkan penggunaan yang disediakan terhadap batas, termasuk status tidak tersedia dan terlampaui.
Tinjauan perubahan — Meninjau perubahan file yang disediakan host dan meminta keputusan simpan atau buang untuk setiap bongkahan.
Manajer konektor — Menampilkan status koneksi dan meminta tindakan menyambungkan, memutuskan sambungan, atau mencoba lagi untuk konektor yang dikelola host.
Pemberian izin — Menyajikan permintaan izin terbatas dan melaporkan pilihan mengizinkan atau menolak pengguna kepada host.
Aturan izin — Menampilkan aturan izin yang ditentukan host dan meminta perubahan pada keputusan mengizinkan, meminta, atau menolaknya.
Eksekusi agen — Kerangka untuk satu eksekusi agen yang menampilkan status, waktu berjalan, langkah saat ini, dan biaya, serta tindakan batal dan coba lagi.
Jejak agen — Tampilan pelacakan agen hierarki/LLM dengan filter jenis rentang dan lompatan cepat handoff pada satu larik rentang bersama.
Antrian persetujuan — Antrean panggilan alat tertunda yang dapat diakses keyboard, masing-masing ditinjau dan disetujui atau ditolak melalui satu dialog bersama.
Panel artefak — Telusuri satu artefak yang dihasilkan agen dengan tombol pratinjau/kode, navigasi versi, dan tindakan salin/unduh.
Bingkai peramban — Area pandang komputer agen presentasi menampilkan aliran tangkapan layar, URL hanya baca, dan kontrol pengambilalihan.
Kartu commit — Ringkasan penerapan ringkas dengan diffstat dan perubahan per file yang ditautkan ke tampilan berbeda.
Panel perbandingan — Perbandingan keluaran A/B berdampingan dengan suara pemenang, untuk evaluasi model bergaya arena.
Bilah konfirmasi — Blok persetujuan/penolakan non-modal sebaris untuk satu tindakan agen yang diusulkan, berada di transkrip, bukan dalam dialog.
Pemeriksa konteks — Tampilan inspeksi segmen konteks panggilan model dengan perkiraan token, kutipan, penanda redaksi, dan kontrol salin/ekspor.
Kumpulan data evaluasi — Daftar contoh evaluasi yang dapat difilter dan diberi tag dengan kemampuan menambah, menghapus, mengimpor, dan mengekspor.
Hasil evaluasi — Penilaian rubrik dan permukaan tinjauan manusia untuk membandingkan jalannya satu contoh evaluasi.
Eksekusi evaluasi — Tampilan langsung kemajuan keseluruhan evaluasi beserta rincian landasan sumber dan jejak alat setiap contoh.
Ringkasan kebijakan — Daftar keputusan pagar pembatas, izin, privasi, dan kebijakan alat yang hanya dapat dibaca dengan penjelasan izin, penolakan, atau peninjauan kebutuhan yang dapat diakses.
Bagan rentang waktu — Garis waktu horizontal dari jejak agen terbentang sebagai bilah dengan warna status terhadap sumbu waktu bersama.
Jejak tumpukan — Mengurai jejak tumpukan JS/TS, peramban, dan Python menjadi bingkai yang dapat dibuka, dengan bingkai internal yang dapat dilipat.
Daftar tugas — Pelacak langsung yang dapat dilipat untuk rencana agen dengan status siklus hidup per langkah dan sub-langkah bertingkat.
Terminal — Konsol ANSI baca-saja merender keluaran agen atau alat yang dialirkan, dengan penelusuran dan ikuti terus ke bawah.
Hasil tes — Ringkasan rangkaian pengujian lulus/gagal dengan jumlah per status, pengalih filter, dan detail kegagalan yang diperluas secara otomatis.
Panel berpikir — Panel yang dapat dilipat untuk transkrip penalaran langsung atau yang telah ditinjau oleh agen AI.
Dialog persetujuan alat — Gerbang human-in-the-loop untuk menyetujui, menolak, atau mengedit panggilan alat yang diusulkan sebelum dijalankan.
Blok panggilan alat — Blok sebaris yang dapat diciutkan untuk satu panggilan alat agen yang diperluas untuk menampilkan argumen, kesalahan, dan hasilnya.
Chip panggilan alat — Pil inline ringkas yang merangkum nama, status, dan durasi panggilan satu alat agen.
Formulir parameter alat — Menghasilkan formulir yang dapat diedit dari Skema JSON datar alat untuk mengubah argumen panggilan.
Dialog hasil alat — Hamparan modal menunjukkan status panggilan alat, durasi, dan detail hasil lengkap.
Tampilan hasil alat — Merender hasil panggilan alat melalui penyaji terdaftar, kembali ke JSON.
Dialog pemilihan alat — Dialog yang dikelompokkan berdasarkan kategori dan dapat dicari untuk memilih alat agen mana yang diaktifkan.
Garis waktu alat — Daftar kronologis panggilan alat dalam eksekusi agen, termasuk jumlah percobaan ulang, persetujuan manusia, dan penyamaran data sensitif.
Pohon jejak — Hirarki rentang yang dapat diciutkan untuk pelacakan agen/LLM dengan bilah durasi dan kolom token/biaya opsional.
Kartu hasil — Cangkang kartu berbatas memberi penyaji hasil alat khusus satu tampilan kartu kecil
Bidang hasil — Label ringkas/baris nilai untuk kartu hasil alat dan strip metadata padat
Aplikasi MCP — Menghosting sumber daya Aplikasi MCP yang dapat dieksekusi di kotak pasir terisolasi dan menampilkan permintaan host sebagai peristiwa yang diketik.
Studio prompt — Menyediakan meja kerja netral penyedia untuk mengedit, mempratinjau, membuat versi, menyimpan, dan menjalankan perintah terstruktur.
Penampil skema — Memeriksa pohon Skema JSON yang dapat dipilih dengan batasan, status yang diperlukan, cabang komposisi, dan masalah validasi.
Panel subagen — Menampilkan hierarki terkontrol dari proses subagen dengan status, tugas, model, kemajuan, dan tindakan siklus hidup.

Pengambilan informasi & graf pengetahuan

Kartu komunitas — Kartu ringkasan klaster untuk komunitas grafik pengetahuan, dengan chip anggota dan tindakan penelusuran.
Penjelajah embedding — Tampilan sebar 2D yang dapat diakses dari koordinat penyematan yang diproyeksikan host, dengan pewarnaan cluster opsional dan pemilihan titik.
Kartu entitas — Kartu berkas untuk satu entitas grafik pengetahuan dengan lencana tipe, properti, gelar, dan tindakan fokus dalam grafik.
Chip entitas — Penyebutan @entity sebaris untuk prosa agen dengan popover pratinjau arahkan/fokus.
Berkas entitas — Detail entitas muncul dengan header, statistik kepercayaan, dan tab untuk hubungan, potongan pendukung, dan asal.
Graf — Memetakan hubungan sebagai diagram tautan simpul yang diarahkan secara paksa dan dapat digeser.
Legenda graf — Legenda tipe simpul untuk grafik berpasangan yang berfungsi ganda sebagai filter visibilitas.
Antrian penyerapan — Daftar dokumen terkontrol yang bergerak melalui jalur penyerapan, menunjukkan tahapan, kemajuan, jumlah, dan permintaan percobaan ulang atau pembatalan.
Basis pengetahuan — Pengambilan daftar sumber basis pengetahuan dengan status sinkronisasi, kesehatan pengindeksan, izin, dan permintaan manajemen per baris.
Admin basis pengetahuan — Shell operasi bertab memasangkan sumber basis pengetahuan dengan antrean penyerapan dan meneruskan tindakan manajemen ke host.
Penjelajah graf pengetahuan — Tampilan interaktif untuk menjelajahi entitas dan hubungan dalam graf pengetahuan.
Peta pikiran — Pohon topik radial yang dapat diperluas untuk menelusuri hierarki secara spasial dan menelusuri suatu topik.
Daftar tetangga — Baris relasi satu entitas dengan navigasi per baris dan kemampuan memperluas grafik.
Palet simpul — Pustaka simpul yang dapat dicari dan dikategorikan untuk menyeret atau menempatkan simpul ke kanvas aliran.
Jalur bertahap — Rantai simpul-relasi-simpul yang ringkas dan dapat digulir menampilkan jalur penalaran GraphRAG.
Inspektur potongan — Daftar peringkat potongan RAG yang diambil dengan bilah skor relevansi dan tautan dalam ke penampil dokumen.
Lencana kutipan — Penanda kutipan sebaris [n] dengan pratinjau arahkan kursor dan pewarnaan keyakinan/verifikasi.
Ringkasan dasar sumber — Ringkasan pendukung klaim yang menampilkan jumlah sumber, cakupan sitasi, tingkat keyakinan, peringatan, dan cuplikan bukti.
Panel memori — Panel memori kerja agen untuk konteks jangka pendek dan ingatan jangka panjang, dengan tingkat keyakinan dan tindakan yang memerlukan konfirmasi.
Panel asal — Menjadikan landasan di balik satu jawaban sebagai rincian entitas, hubungan, komunitas, dan bagian yang dapat dilipat.
Jawaban RAG — Panel jawaban yang memadukan Markdown yang disanitasi, lencana sitasi, penilaian dukungan sumber, dan pratinjau sumber yang dapat dibuka.
Kemajuan penelitian — Menunjukkan langkah-langkah penelitian yang disediakan tuan rumah, jumlah sumber, dan kemajuan penyelesaian secara keseluruhan.
Hasil pengambilan informasi — Daftar potongan pengambilan yang diberi peringkat dengan deduplikasi, pengelompokan sumber, pemilihan, dan mode presentasi yang ringkas atau diperluas.
Pencarian informasi — Bilah kueri untuk permukaan pengambilan atau RAG, dengan chip filter dan cakupan, pemilih mode vektor/kata kunci/hibrida, dan umpan balik status.
Jejak pengambilan informasi — Garis waktu tahap jalur pengambilan dengan bukti yang dapat diperluas untuk setiap tahap penulisan ulang, penyematan, pengambilan, pemeringkatan ulang, dan filter.
Kartu sumber — Entri kutipan menunjukkan judul sumber, halaman, kutipan, dan teks lengkap yang dapat diperluas.
Daftar sumber — Panel yang dapat dilipat untuk mengelompokkan kartu sitasi sebuah pesan percakapan di bawah satu judul.
Pemilih sumber — Pohon kotak centang untuk memilih sumber yang mendasari jawaban berikutnya, dengan folder tiga status, pilih semua, dan pencarian.
Bukti klaim — Audit menghasilkan klaim terhadap kutipan dengan status dukungan, keyakinan, dan bukti.
Dasbor evaluasi RAG — Menyajikan metrik kualitas RAG, tren, potongan evaluasi, dan riwayat pengoperasian dari hasil komputasi host.
Perbandingan pengambilan informasi — Membandingkan kumpulan hasil pengambilan peringkat dan pemeringkatan ulang secara berdampingan dengan tumpang tindih dan pengelompokan skor.

Formulir & Masukan

Tombol — Tombol tindakan dengan pilihan warna, ukuran, dan status pemuatan yang mengikuti token desain.
kotak centang — Kontrol formulir Boolean dengan status dicentang, tidak dicentang, dan tak tentu.
Grup kotak centang — Kelompokkan kotak centang terkait ke dalam satu bidang multi-pilihan yang tervalidasi dan terkait formulir.
Editor kode — Permukaan pengeditan kode multibaris bebas ketergantungan dengan saluran nomor baris opsional.
Pemilih warna — Masukan warna native yang terhubung ke formulir, dengan label, petunjuk, dan pesan kesalahan validasi.
Kotak pilihan dengan pencarian — Pilihan tunggal atau jamak yang dapat disaring melalui kolom teks dan daftar opsi dalam popover.
Masukan tanggal — Bidang tanggal dengan popover kalender terlampir dan nilai ISO-8601.
Pemilih tanggal — Kalender kisi bulan sebaris untuk memilih satu tanggal atau rentang tanggal.
Pemilih emoji — Alat pilih terkait formulir yang dapat ditelusuri, dinavigasi dengan keyboard, untuk memilih emoji.
Tombol ikon — Memicu tindakan dengan tombol khusus ikon yang ringkas dan dapat diakses.
Masukan — Bidang teks satu baris dengan label opsional, petunjuk, dan chrome validasi sebaris.
Pemilih negara — Memilih kode negara dan wilayah dengan nama terjemahan, bendera, dan pencarian opsional.
Pemilih mata uang — Memilih kode mata uang dengan nama terjemahan, simbol, dan pencarian opsional.
Pemilih zona waktu — Memilih pengenal zona waktu dari daftar berurutan, dengan pencarian opsional.
Pemilih satuan — Memilih satuan pengukuran dengan nama terjemahan, simbol, dan pencarian opsional.
Pemilih lokal — Dropdown daftar tertutup untuk berpindah lokal aktif, bersumber dari registri lokal perpustakaan itu sendiri.
Masukan angka — Bidang numerik dengan batasan min, maks, dan langkah ditambah validasi batasan asli.
Pilihan — Opsi yang dapat dipilih memasukkan nilai, label, pengelompokan, dan data status ke kotak kombo.
Masukan telepon — Bidang telepon sadar status yang nilai bentuknya kanonik E.164
Tombol radio — Kontrol pilihan tunggal terkait formulir untuk memilih satu opsi dari serangkaian
Grup tombol radio — Kelompok tombol radio pilihan tunggal yang dapat dinavigasi dengan keyboard.
Formulir rubrik penilaian — Rubrik penilaian, kategori, dan komentar yang dapat dikonfigurasi dengan alur kirim-dan-berikutnya untuk mengerjakan antrean evaluasi.
Daftar pilihan — Dropdown daftar tertutup untuk memilih satu opsi dari serangkaian pilihan tetap.
Signature pad — Accessible form control for drawing a signature with pointer or keyboard input.
Penggeser — Kontrol rentang numerik untuk pengaturan seperti suhu LLM atau tingkat volume.
Pemilih sampel warna — Alat pilih tunggal pada kumpulan contoh warna yang kecil dan tetap dengan kontrak grup radio bawaan.
Sakelar — Kontrol formulir sakelar-alih Boolean dengan semantik sakelar hidup/mati untuk formulir asli.
Area teks — Input teks biasa multiline dengan chrome pertumbuhan otomatis, validasi, dan kontrol formulir.
Masukan waktu — Bidang waktu tersegmentasi yang sadar lokal dengan pemilih kolom terlampir; pengalaman input[type=time] asli browser adalah lr-input-waktu-asli.
Rentang waktu — Kuas dua pegangan untuk memilih rentang awal dan akhir pada domain numerik.
Tombol alih — Tombol dua keadaan yang mengaktifkan atau menonaktifkan pilihan dengan semantik aria-pressed.
Grup tombol alih — Tombol pengalih grup di belakang satu perhentian tab dengan beberapa pilihan atau satu pilihan yang dapat dihapus.
Masukan waktu native — Bidang pemilih waktu browser asli dibungkus dengan label Lyra, petunjuk, dan validasi chrome, ketika pemilih platform sendiri lebih disukai daripada input waktu-lr yang tersegmentasi.
Masukan kode sekali pakai — Bidang tersegmentasi untuk memasukkan kode verifikasi satu kali, dengan pengisian otomatis SMS bawaan.
Tombol radio — Kontrol pilihan tunggal ditata sebagai tombol, bukan lingkaran, biasanya dikelompokkan ke dalam kontrol tersegmentasi dengan lr-radio-group.
Masukan token — Bidang terkait formulir yang mengumpulkan daftar token yang dapat dilepas seperti tag atau penerima.

Tampilan Data

Pembuat kueri graf — Editor terkait formulir untuk hubungan grafik yang diketik atau kueri jalur, dengan jangkar entitas, filter tipe, batas lompatan, dan kueri tersimpan.
Kalender — Kalender bulan responsif dengan penanda acara dan tampilan agenda yang dapat diakses keyboard.
Pengukur konteks — Pengukur okupansi, batang, atau cincin tersegmentasi, untuk anggaran token atau jendela konteks.
Perpustakaan dokumen — Inventaris dokumen yang dapat dicari dan disaring dengan versi, tag, pemilik, kesegaran, penyortiran, dan pilihan massal.
Daftar variabel lingkungan — Daftar kunci/nilai bertopeng untuk variabel dan rahasia lingkungan, dengan pengungkapan dan penyalinan per baris.
Pohon berkas — Preset penjelajah file di atas komponen pohon dengan lencana status git dan pemuatan direktori yang lambat.
Kanvas alur — Kanvas yang dapat digeser dan diperbesar untuk membuat dan menjalankan alur kerja visual DAG.
Kontrol alur — Kluster tombol perbesar, paskan, dan kunci untuk kanvas aliran berpasangan.
Peta mini alur — Peta ikhtisar sudut dengan persegi panjang area pandang yang dapat diseret untuk kanvas aliran berpasangan.
Simpul alur — Kartu simpul alur kerja dengan header, nada status, dan pengendali koneksi untuk kanvas alur.
Status eksekusi alur — Mendorong dekorasi status proses ke kanvas aliran dan menampilkan strip ringkasan langkah yang ringkas.
Corong — Menampilkan penurunan konversi tahap demi tahap saat batang dinormalisasi ke tahap pertama.
Pengukur — Menampilkan nilai tunggal sebagai meteran radial, cincin, atau linier.
Peta panas — Merender matriks atau kisi kalender nilai sebagai peta panas kanvas yang dapat diubah ukurannya.
Paginasi — Navigasi halaman terkontrol dengan lompatan halaman yang dapat diedit dan ringkasan rentang item
Pembangun kondisi — Pembuat kueri terstruktur yang dapat disusun untuk data tabular atau dasbor, yang menggabungkan baris kondisi bidang/operator/nilai dengan kombinator AND/OR.
Strip urutan — Strip ringkas per item yang memvisualisasikan rangkaian status kategorikal sebagai sel berwarna dengan penanda opsional.
Grafik mini — Memplot tren SVG sebaris kompak sebagai garis, area terisi, atau batang untuk rangkaian data.
Statistik — Menyajikan KPI tunggal dengan unit, pil tren, baris rincian, dan grafik mini opsional.
Tabel — Tabel data presentasi dengan header, seleksi, pemfilteran, dan penomoran halaman yang dapat diurutkan.
Garis waktu — Urutan baris peristiwa masa lalu yang terhubung untuk jejak audit, riwayat agen, dan log perubahan.
Item garis waktu — Satu baris peristiwa untuk garis waktu dengan penanda, judul, stempel waktu, dan deskripsi berkode warna.
Pohon — Luaskan/ciutkan hierarki untuk menavigasi grafik, dokumen, atau pohon file
Simpul pohon — Penyaji baris item pohon rekursif untuk satu node dan turunannya di dalam pohon.
Awan kata — Cloud tag SVG tanpa ketergantungan yang menskalakan setiap kata berdasarkan bobotnya
Kisi data — Kisi data tervirtualisasi untuk kumpulan data besar atau yang didukung server, dengan pengurutan, pemfilteran, pengelompokan, paging, dan pemilihan bawaan.

Grafik

Bagan batang — Membandingkan nilai antar kategori dengan bilah vertikal atau horizontal.
Plot kotak — Meringkas distribusi dari ringkasan statistik lima angka yang telah dihitung sebelumnya.
Bagan gelembung — Buat plot tiga dimensi per titik menggunakan posisi x, y, dan radius gelembung.
Bagan — Garis daya pembungkus Core Chart.js, batang, pai, dan visualisasi data lainnya.
Bagan donat — Menampilkan proporsi bagian-ke-keseluruhan sebagai segmen cincin.
Histogram — Masukkan nilai numerik ke dalam keranjang dengan lebar yang sama untuk mengungkapkan distribusinya.
Bagan garis — Melacak tren pada sumbu kontinu dengan satu atau lebih rangkaian yang terhubung.
Grafik ringan — Bagan batang dan garis bebas ketergantungan dirender sebagai SVG biasa, tidak diperlukan chart.js
Bagan lingkaran — Diagram lingkaran proporsional yang menunjukkan bagian satu seri dari keseluruhan
Bagan wilayah kutub — Bagan area kutub memplot setiap kategori sebagai irisan yang diskalakan berdasarkan nilainya
Bagan radar — Bagan radar membandingkan beberapa metrik dari satu rangkaian pada jaringan radial
Bagan sebar — Plot sebar pasangan titik x/y mentah pada sumbu linier

Tata Letak & Navigasi

Akordeon — Mengkoordinasikan sekelompok panel pengungkapan, secara opsional memungkinkan beberapa panel terbuka sekaligus.
Item akordeon — Panel pengungkapan yang dapat dilipat dirancang untuk dimasukkan ke dalam grup akordeon.
Rel aplikasi — Rel navigasi responsif yang beradaptasi dari penuh hingga hanya ikon hingga hamparan seluler.
Grup rel aplikasi — Berjudul, bagian opsional yang dapat diciutkan yang mengelompokkan item navigasi di dalam rel aplikasi.
Item rel aplikasi — Item navigasi ikon dan label untuk rel aplikasi, dengan status diciutkan hanya ikon.
remah roti — Jejak navigasi responsif menunjukkan lokasi pengguna dalam hierarki halaman
Item remah roti — Satu tautan atau label halaman saat ini dalam jalur navigasi runut tautan
Grup tombol — Mengelompokkan tombol tindakan terkait ke dalam satu cluster yang responsif dan diberi label
Kartu — Permukaan konten dibatasi dengan header, media, footer, dan slot tindakan.
Korsel — Korsel slide tunggal yang dapat diakses dengan navigasi keyboard, indikator, perulangan, dan putar otomatis.
Item korsel — Pembungkus slide semantik opsional yang memberikan gaya item yang konsisten pada satu anak carousel.
Palet perintah — Menu perintah aplikasi yang dapat dicari dengan navigasi keyboard dan pintasan.
Kelompok kontrol — Mengelompokkan kontrol formulir campuran dan tombol tindakan ke dalam satu baris toolbar yang responsif dan berada di tengah.
Kisi dasbor — Kisi widget terkontrol yang responsif dan dapat diakses dengan keyboard yang memposisikan entri tata letak dan mengeluarkan permintaan pemindahan, pengubahan ukuran, dan tabrakan.
Detail — Panel pengungkapan yang dapat diakses dan diperluas untuk menampilkan konten di bawah ringkasan.
Panel dok — Panel yang dapat diubah ukurannya dan dilipat, dipasang ke salah satu tepi tata letak yang ada.
Panel penelusuran — Shell navigasi terkontrol dari bagan atau datum tabel ke bukti, dokumen, entitas, atau proses agen terkait, dengan jalur runut tautan.
Item menu tarik-turun — Alias yang kompatibel dengan Web Awesome untuk satu baris tindakan di dalam menu tarik-turun.
Bilah penyaring — Baris filter dasbor yang menyusun input Lyra dan chip yang dapat dilepas, dengan status reset dan pemuatan.
Menu — Menu semantik sebaris dari item tindakan dengan fokus keliling dan submenu bersarang.
Item menu — Baris tindakan tunggal untuk menu, dengan ikon opsional, kotak centang, atau gaya destruktif.
Susun ulang barang — Baris tunggal di dalam daftar penyusunan ulang, memasangkan tombol naik/turun dengan konten ditempatkan secara acak.
Susun ulang daftar — Daftar baris umum yang dapat disusun ulang, dipindahkan melalui tombol per baris atau pintasan Ctrl/Cmd+Panah.
Label menu — Menambahkan judul bagian non-interaktif untuk mengelompokkan item terkait di dalam daftar menu.
bilah menu — Menubar aplikasi horizontal dari menu dropdown berjudul dengan navigasi keyboard lengkap.
Butir menu — Satu judul menubar tingkat atas yang membuka menu slotnya atau bertindak sebagai tindakan biasa.
Menu navigasi — Navigasi header situs dari tautan dan panel flyout yang diciutkan di belakang menu beralih ketika ruang habis.
Item menu navigasi — Satu entri menu navigasi: tautan halaman, atau tombol pengungkapan yang membuka panel flyout.
Halaman — Shell aplikasi semantik yang navigasinya beralih antara kolom desktop dan laci seluler modal berdasarkan ukuran yang dialokasikan, bukan area pandang.
Panel responsif — Menyimpan konten sebaris di desktop atau menampilkannya sebagai lembar overlay di perangkat seluler
penggulung — Permukaan luapan yang responsif dengan kontrol opsional sebelumnya/berikutnya untuk baris kartu dan tab.
Tersegmentasi — Baris tombol pilih tunggal untuk memilih salah satu dari beberapa opsi berlabel secara sekilas.
Banyak perpecahan — Membagi dasbor menjadi panel yang dapat diubah ukurannya dengan penciutan responsif opsional.
Panel terpisah — Membagi konten menjadi dua panel yang dapat diubah ukurannya dengan satu pembagi, alternatif yang lebih sederhana dari multi-panel lr-multi-split.
Penunjuk langkah — Memandu pengguna melalui wizard multi-langkah yang diurutkan dengan status per langkah dan klik untuk melompat.
tab — Strip tab yang menampilkan panel DOM ringan satu per satu dengan navigasi keyboard lengkap.
tab — Deskriptor tab Web Awesome/kompatibel dengan Tali Sepatu yang dipasangkan dengan panel yang cocok di dalam grup tab melalui atribut panel dan nama.
panel tab — Deskriptor panel Web Awesome/kompatibel dengan Tali Sepatu yang dipasangkan dengan tab yang cocok di dalam grup tab melalui nama dan atribut panel.
Daftar maya — Host daftar berjendela yang hanya menampilkan baris di layar untuk koleksi besar yang dapat digulir
Widget — Cangkang panel berjudul dengan opsi penciutan dan perluasan layar penuh

Hamparan & Umpan Balik

Notifikasi — Area yang menumpuk notifikasi di salah satu sudut layar.
Item notifikasi — Satu notifikasi yang dapat ditutup, dengan tingkat kepentingan, ikon opsional, dan waktu tutup otomatis.
Chip — Pil kecil untuk tag, filter, atau cakupan, dapat dilepas atau diubah secara opsional.
Grup chip — Membungkus satu set chip dengan tombol luapan +N opsional ketika melebihi batas.
Waspada — Pesan peringatan yang awalnya tertutup, dengan penyembunyian terjadwal dan opsi untuk masuk ke tumpukan notifikasi.
Lencana — Label status ringkas untuk memberi sinyal status, jumlah, atau kategori sebaris
Kotak informasi — Permukaan pesan sebaris untuk status, peringatan, dan konten kesalahan, dapat ditutup.
Menu konteks — Mengubah wilayah mana pun menjadi target klik kanan, tekan lama, atau Shift+F10 yang membuka menu tindakan.
Dialog — Hamparan modal yang terperangkap fokus untuk konfirmasi, formulir, dan tugas interupsi lainnya.
Laci — Meluncurkan panel modal dari tepi area pandang mana pun untuk filter atau kontrol kontekstual.
tarik-turun — Popover peran menu yang mengaitkan daftar tindakan ke pemicu milik konsumen
Keadaan kosong — Mengkomunikasikan status kosong atau tanpa data dengan ikon, pesan, dan tindakan opsional.
Tombol keyboard — Chip yang mendukung platform yang menjadikan pintasan keyboard sebagai penutup tombol
Popover — Permukaan mengambang yang dipicu klik dan ditutup ringan untuk konten dan kontrol kontekstual
munculan — Primitif pemosisian berlabuh tingkat rendah yang menjaga panel mengambang tetap sejajar dengan jangkarnya, mesin yang sama yang mendasari komponen popover dan tooltip.
Bilah kemajuan — Indikator kemajuan horizontal yang ditentukan atau tidak ditentukan dengan nilai opsional.
Cincin kemajuan — Indikator kemajuan melingkar yang ditentukan atau tidak ditentukan dengan label tengah.
Peringkat — Peringkat bintang yang dapat diakses keyboard dengan pengisian sebagian presisi pecahan
Kerangka — Placeholder pemuatan animasi menggantikan konten saat konten dimuat.
Indikator pemuatan — Memberi sinyal tugas latar belakang yang sedang berlangsung dengan indikator sibuk yang dianimasikan dan tidak dapat ditentukan.
Tag — Alias semantik dari perlakuan lencana untuk memberi label pada kata kunci atau kategori
Tooltip — Tooltip yang dipicu oleh kursor dan fokus yang menggambarkan pemicu milik konsumen

Penampil Dokumen & File

Penampil arsip — Mencantumkan nama file dan ukuran yang tidak terkompresi di dalam arsip ZIP tanpa mengekstraksi konten.
Penampil kalender — Mengurai dan merender acara file kalender .ics sebagai ringkasan, waktu, dan lokasi.
Penampil kontak — Mengambil dokumen vCard dan menjadikan satu kartu dapat diakses per kontak.
Penampil CSV — Mengambil file CSV dan merender baris-barisnya dalam sheet yang tervirtualisasi dan dapat di-scroll.
Penampil kumpulan data — Mengambil teks yang dibatasi dan menjadikannya sebagai tabel data yang dapat diakses dan diketik.
Perbandingan dokumen — Perbandingan dua versi dokumen secara berdampingan atau sebaris, menggabungkan tampilan perbedaan tekstual dengan pratinjau dokumen yang dirender.
Pratinjau dokumen — Pratinjau sebaris dokumen atau lampiran berdasarkan jenis MIME, dengan fallback unduhan.
Penampil dokumen — Menampilkan dokumen dalam dialog dengan registri penyaji tipe MIME yang dapat dicolokkan.
Penampil DOCX — Merender file DOCX sebagai HTML semantik yang dibersihkan melalui konverter raksasa.
Penampil e-book — Menampilkan EPUB dengan navigasi bab menggunakan dependensi epub.js opsional.
Penampil email — Mengurai dan merender pesan .eml dengan header, isi yang dibersihkan, dan lampiran.
Penampil GeoJSON — Mengambil, memvalidasi, dan merender fitur file GeoJSON di peta.
Lapisan sorotan — Hamparan yang melukiskan persegi panjang sorotan yang dapat diaktifkan di atas konten dokumen yang diposisikan.
Penampil HTML — Mengambil URL dan merender HTML-nya dengan aman setelah membersihkannya.
Sisipan konten — Mengambil fragmen HTML dan mentransklusikannya sebagai konten halaman DOM ringan yang telah disanitasi.
Penampil buku catatan — Perender notebook Jupyter baca-saja yang menyusun Markdown, kode, dan keluaran sel kaya.
Rel halaman — Rel thumbnail vertikal tervirtualisasi untuk membuka halaman melalui dokumen beralamat halaman.
Penampil PDF — Mengambil dan menampilkan halaman PDF dengan perbesaran, penomoran halaman, dan lapisan teks yang dapat dipilih.
Penampil PPTX — Penampil sisi klien dengan upaya terbaik untuk presentasi PowerPoint PPTX.
Penampil spreadsheet — Mengambil dan merender buku kerja .xlsx dan .xls lama dengan tab lembar dan baris tervirtualisasi.
Penampil SVG — Mengambil dan merender dokumen SVG sebaris dengan aman dari URL.
Penampil XML — Tampilan hierarki yang dapat dilipat dan disalin untuk memeriksa dokumen XML.

Media & File

Chip lampiran — Chip ringkas untuk berkas yang dilampirkan ke pesan, dengan status unggah, kemajuan, dan pilihan coba lagi.
Avatar — Penanda identitas kecil yang menampilkan ikon, gambar, atau inisial pengganti untuk seseorang atau entitas
Gambar animasi — Memutar GIF/APNG/WebP animasi dengan kontrol putar/jeda yang mengikuti pengurangan gerakan.
Animasi — Menganimasikan anak yang ditempatkan secara deklaratif dengan preset bernama atau bingkai utama khusus.
Pemicu lampiran — Keterjangkauan lampiran ringkas yang membuka pemilih file atau menu kemampuan di penulis obrolan.
pemutar AV — Pemutar audio/video dengan transkrip isyarat, bentuk gelombang, dan kontrol kecepatan pemutaran yang disinkronkan.
Grup avatar — Tumpuk avatar yang tumpang tindih menjadi satu baris kompak yang menciutkan ekstra menjadi lencana +N
Area lepas berkas — Pembungkus seret dan lepas yang mengubah wilayah mana pun menjadi target pelepasan file tanpa pemilih file sendiri.
Ikon berkas — Lencana jenis file yang dilokalkan diselesaikan dari jenis MIME atau nama file.
Masukan berkas — Drag-and-drop dan klik untuk menelusuri dropzone yang mengeluarkan file yang dipilih.
Bendera — Bendera status atau bahasa ditampilkan dalam bingkai melingkar yang dapat diberi tema dan opsional.
Pembanding Gambar — Geser pembatas yang dapat diakses keyboard untuk membandingkan permukaan sebelum dan sesudah secara berdampingan.
Penampil gambar — Penampil gambar raster pan/zoom penuh dengan sorotan wilayah berlabel dan anotasi opsional.
Lightbox — Penampil gambar modal layar penuh dengan navigasi dan zoom sebelumnya/berikutnya
Peta — Pembungkus peta MapLibre GL dengan legenda deklaratif, choropleth, dan penanda
Kartu media — Pratinjau sebaris untuk gambar, video, atau lampiran file di dalam pesan obrolan.
Geser dan perbesar — Area pandang yang dapat digulir untuk menggeser dan memperbesar konten yang ditempatkan atau satu gambar pada tingkat zoom terbatas.
Pemutaran urutan — Putar/jeda transportasi yang menggerakkan indeks melalui rentang pada pengatur waktu tetap.
Kode QR — Mengkodekan nilai apa pun sebagai simbol kode QR yang dapat dipindai dan dirender ke kanvas.
Video — Pemutar video sebaris dengan kontrol khusus, teks yang dapat dipilih, dan pratinjau gambar mini.
Daftar putar video — Memutar rangkaian video dalam daftar putar yang dapat dinavigasi, maju secara otomatis setelah setiap video selesai.
Bingkai yang dapat diperbesar — Pratinjau iframe dalam kotak pasir dengan kontrol zoom terpisah; permukaan inspeksi slotted/gambar sebelumnya adalah lr-pan-zoom.

Utilitas

Pengamat perpotongan — Mengirim data perpotongan native saat target dalam slot masuk atau keluar dari area pandang.
Pengamat mutasi — Mengawasi DOM yang ditempatkan untuk perubahan elemen dan atribut, meneruskan catatan mutasi asli
Pengamat perubahan ukuran — Mengamati elemen yang ditempatkan dan mengeluarkan entri pengubahan ukuran yang diketik tanpa antarmuka visual
Tombol salin — Tombol khusus ikon yang menyalin nilai teks ke papan klip dengan umpan balik tanda centang.
Tampilan perbedaan — Merender perbedaan garis dua string yang sebenarnya sebagai keluaran perbedaan terpadu berkode warna.
Pembagi — Pemisah semantik bertema untuk memisahkan konten secara horizontal atau vertikal.
Tombol ekspor — Unduh data tabel sebagai CSV atau JSON, format tunggal atau melalui menu format.
Format byte — Pemformatan ukuran byte yang sadar lokal dengan langkah dan presisi unit yang dapat disesuaikan.
Format tanggal — Pemformatan tanggal dan waktu yang sadar lokal melalui Intl.DateTimeFormat.
Format angka — Nomor lokal, mata uang, dan format ringkas melalui Intl.NumberFormat.
Ikon — Merender mesin terbang SVG sebaris yang tajam dari kumpulan jalur bernama bawaan dengan ketergantungan nol.
Penampil JSON — Tampilan hierarki yang dapat dilipat dan disalin untuk memeriksa payload JSON apa pun
Tanggal yang diketahui — Input tiga kolom hari/bulan/tahun untuk tanggal yang sudah diketahui pengguna
Wilayah pembacaan langsung — Wilayah langsung ARIA yang tersembunyi secara visual yang membatasi pengumuman pembaca layar
Popover penyebutan — Pelengkapan otomatis berlabuh tanda sisipan untuk @-sebutan dan perintah garis miring di bidang teks.
Status jajak pendapat — Hitung mundur ke penyegaran terjadwal berikutnya dengan kontrol jeda dan lanjutkan bawaan.
Konten acak — Memutar melalui anak-anak yang ditempatkan secara acak atau berurutan untuk salinan A/B dan testimonial
Waktu relatif — Menampilkan stempel waktu relatif yang sadar lokal dan menyegarkan dengan sendirinya.
Tur terpandu — Panduan sorotan dan langkah yang dipandu untuk orientasi produk yang dijalankan pertama kali.
Tersembunyi secara visual — Menyembunyikan konten secara visual sekaligus menjaganya tetap tersedia bagi pembaca layar, sehingga terlihat kembali pada fokus.