{{-- ═══════════════════════════════════════ TEXT INPUTS ═══════════════════════════════════════ --}}

Text Input

{{-- Default --}}

Label

{{-- With icon left --}}

Dengan Ikon

{{-- With icon right --}}

Ikon Kanan (Password)

{{-- Textarea --}}

Textarea

{{-- Disabled --}}

Disabled

{{-- ═══════════════════════════════════════ DROPDOWN / SELECT ═══════════════════════════════════════ --}}

Dropdown & Select

Status Pengajuan Pilih status... Pending Disetujui Ditolak Diproses

Jenis Layanan Pilih layanan... KTP Elektronik Kartu Identitas Anak Akta Pernikahan Kartu Keluarga

{{-- ═══════════════════════════════════════ CHECKBOX & RADIO ═══════════════════════════════════════ --}}

Checkbox & Radio

{{-- Checkboxes --}}

Checkbox

@foreach (['Pembuatan', 'Perpanjangan', 'Penggantian (Hilang)', 'Penggantian (Rusak)'] as $opt) index < 2) checked @endif> {{ $opt }} @endforeach

{{-- Radio --}}

Radio Button

@foreach (['Laki-laki', 'Perempuan'] as $opt) first) checked @endif> {{ $opt }} @endforeach

{{-- Toggle --}}

Toggle Switch

Notifikasi Email Mode Gelap (off)

{{-- ═══════════════════════════════════════ RANGE ═══════════════════════════════════════ --}}

Range Slider

Jumlah ()

{{-- ═══════════════════════════════════════ VALIDASI ═══════════════════════════════════════ --}}

Validasi Error & Success

{{-- Error state --}}

NIK *

NIK harus terdiri dari 16 digit angka.

{{-- Success state --}}

Nama Lengkap

Nama terverifikasi.

{{-- Input error component --}}

Tanggal Lahir (menggunakan x-input-error)