Lewati ke konten utama

Components · Choice Controls

Choice Control Components

Native selection controls dengan state, layout, dan keyboard behavior PA DEV.

NATIVE · ACCESSIBLE

Native selection controls

Choice Controls

Checkbox, radio, switch, dan selectable card dengan native input sebagai source of truth.

v1.0.0

Checkbox

States

Vertical group

Pilih kanal notifikasi.

Horizontal group

Hak akses dasar.

Card group

Pilih modul yang ditampilkan di workspace.

Radio

States

Vertical group

Pilih frekuensi laporan.

Horizontal group

Kepadatan tampilan.

Card group

Pilih paket deployment.

Switch

Sizes

States

Selectable Card

Pilih jenis workspace

Card tetap memakai native radio untuk state dan keyboard.

Segmented Control

Rentang waktu laporan

Toggle Button Group

Format teks

Filter Chips

Filter status

Icon Choice

Pilih modul

Image Choice

Pilih tampilan workspace

Rating

Beri rating pengalaman

4 dari 5 — Sangat baik

Color Choice

Pilih aksen warna

Checkbox Tree

Hak akses modul

Card Radio

Pilih paket storage

Icon Radio

Pilih metode tampilan
Components

Checkbox · Radio · Switch · Selectable Card

Layouts

Vertical · Horizontal · Card

States

Default · Active · Mixed · Error · Disabled · Loading

Accessibility
Native input, label/id/for, fieldset/legend, described-by, invalid state, serta keyboard browser tetap dipertahankan.
Usage
Checkbox untuk multi-choice, radio untuk single-choice, switch untuk pengaturan langsung, dan card untuk pilihan dengan konteks tambahan.
Token
--color-primary · --color-border · --radius-md/lg · --duration-fast
STABLESince v1.0.0PA DEV Design SystemReusable lintas project