# EDK - Selection 2

# Controls: Selection & Sliders

Comprehensive showcase of checkboxes, radio buttons, toggle switches, and range sliders

### Advanced Checkboxes

Standard, custom card, and disabled/indeterminate states

Standard Checkbox
Remember me Send notifications Enable two-factor auth

Native checkbox styled with accent color

Custom Card Checkbox

Basic Plan

$9 / month

Pro Plan

$29 / month

Enterprise Plan

$99 / month

Entire card highlights when checked

Disabled & Indeterminate
Disabled unchecked Disabled checked
Indeterminate state
Toggle indeterminate

Disabled (greyed out) and indeterminate (dash) visual states

### Advanced Radio Buttons

Standard, segmented button group, and custom card variants

Standard Radio
Email notifications SMS notifications Push notifications

Clear circle selection indicator

Radio Group Buttons

Attached button group — one active selection

Custom Card Radio

Only one card can be active at a time

### Toggle Switches

Standard, icon/text inside, and disabled variants

Standard Switch
Wi-Fi
Bluetooth
Dark Mode

Smooth sliding animation with accent color

Switch with Icon / Text Inside
Notifications
VPN
Auto-sync

Checkmark/cross icons, ON/OFF text, or sync icon inside handle

Disabled Switch
Legacy mode
Beta features
Experimental

Faded visual with disabled pointer events

### Custom Range Sliders

Standard, floating value, and step/tick variants

Standard Slider
050100

Clean track with rounded thumb accent color

Slider with Floating Value
0%50%100%

Real-time value indicator above thumb

Slider with Steps/Ticks
Rating: /5

Discrete steps with dot markers and star rating

Volume Slider
Brightness Slider
Price Range Slider
$0 $100

### Contextual Grouping — Notification Settings

Real-world form combining checkbox, radio, switch, and slider components

#### Notification Channels

Email Notifications

Receive updates via email

Push Notifications

Receive updates via browser push

SMS Notifications

Receive updates via text message

#### Notification Frequency

#### Quick Toggles

Dark Mode

Switch between light/dark

Do Not Disturb

Mute all notifications

#### Volume & Brightness