Select items to begin
Selection Micro Interactions
Explore checkbox, toggle, and radio micro interactions that reveal settings, update totals, filter results, and enable actions. Preview how each choice changes the interface.
Checkbox
Total 100
Recalculate derived value
0 selected
Select-all cascade
Animate completed item
3 results
- NotesText
- CoverImages
- BriefText
Filter chips
Release notes
Draft
Review before publishing
Enable dependent action
0 of 3 complete
Update derived progress
0 selected · minimum 2
Enforce selection threshold
Selected: Email
Update selection summary
Reveal dependent content
Toggle
Your sample text
Icon toggle group
Show route
Route hiddenToggle visual layer
Compact rows
Item 1
Item 2
Item 3
Change display density
Quiet hours
Reveal dependent settings
Auto-renew
Now
Access is active
Swap dependent timeline
Hide preview
Your sample content
Update masked preview
Radio
3 days0 credits
Update linked values
FirstItem
Second
Third
Move shared item
Swap dependent controls
ReadAllowed
EditNot allowed
ManageNot allowed
Update option matrix
- Step 1
- Step 2