Needless UI

Komponen

Setiap komponen dibangun di atas elemen native dan didokumentasikan dengan contoh langsung, API-nya, serta perilaku keyboard-nya.

  • Avatar

    Foto seseorang, atau inisialnya di atas warna yang selalu menjadi miliknya.

  • Breadcrumbs

    Jejak halaman yang mengarah ke halaman saat ini.

  • Button

    Aksi dan tautan, dengan gaya pada elemen button dan anchor native.

  • Kalender

    Pilih satu hari, rentang, atau beberapa hari, juga lewat keyboard.

  • Carousel

    Deretan slide yang bergulir dan berhenti tepat di tempatnya, dengan tombol, titik, dan rotasi.

  • Chat

    Mengobrol dengan model: balasan yang di-stream, tool, versi, dan file.

  • Pemilih warna

    Warna dalam OKLCH, di area atau roda, dengan contoh warna, pipet warna, dan pemeriksaan kontras.

  • Combobox

    Kolom teks yang menyarankan opsi saat Anda mengetik.

  • Palet perintah

    Semua perintah di aplikasi Anda, cukup satu tombol.

  • Pemilih tanggal

    Ketik tanggal atau waktu per segmen, atau pilih di kalender.

  • Dialog

    Jendela modal berbasis elemen dialog native, dengan fokus yang ditangani oleh browser.

  • Area unggah

    Seret dan lepas atau pilih file, dengan validasi, pratinjau, dan unggahan beserta progresnya.

  • Editor teks kaya

    Heading, daftar, tautan, dan format, dengan toolbar dan Markdown saat mengetik.

  • Empty state

    Apa yang ditampilkan saat tidak ada yang bisa ditampilkan, dan apa yang bisa dilakukan.

  • Data grid

    Urutkan, saring, kelompokkan, edit, dan ekspor baris sebanyak apa pun.

  • Markdown

    Render Markdown dengan aman, bahkan saat masih di-stream.

  • Input mask

    Kolom teks yang terformat saat pengguna mengetik: tanggal, kartu, IBAN, kode.

  • Menu

    Daftar aksi pop-up, dengan submenu, item yang bisa dicentang, dan dukungan keyboard penuh.

  • Kolom angka

    Kolom input angka dengan tombol langkah, berformat sesuai setiap locale.

  • Input OTP

    Kode verifikasi dalam slot terpisah, di atas satu input sungguhan.

  • Kolom telepon

    Pemilih negara dan nomor, dikelompokkan sesuai cara penulisan di negara itu.

  • Popover

    Panel mengambang di samping tombol, dan tooltip kaya konten saat hover.

  • Rating

    Bintang untuk memberi rating, di atas tombol radio sungguhan.

  • Penjadwal

    Tampilkan acara per bulan, minggu, hari, agenda, atau timeline ruangan dan orang, lalu seret ke tempatnya.

  • Select

    Pilih satu atau banyak opsi, dari daftar pendek maupun yang sangat panjang.

  • Skeleton

    Placeholder yang menjaga tata letak selama konten dimuat.

  • Pemisah panel

    Panel berdampingan atau bertumpuk, dengan handle untuk mengubah ukurannya.

  • Toast

    Pesan singkat yang bertumpuk, bisa digeser untuk ditutup, dan tidak pernah merebut fokus.

  • Tur terpandu

    Kartu untuk setiap langkah, di samping hal yang dijelaskannya, dengan halaman di sekitarnya diredupkan.