Pill Summary Style Test Bench (10 variants)
All methods use native details/summary with different visual treatments.
1) Rounded pill (baseline)
Show server menu options
Sample hidden content for visual testing.
- CPU / RAM / Disk details
- Networking options
- Recovery actions
2) Square button style
Show server menu options
Sample hidden content for visual testing.
- CPU / RAM / Disk details
- Networking options
- Recovery actions
3) Centered pill
Show server menu options
Sample hidden content for visual testing.
- CPU / RAM / Disk details
- Networking options
- Recovery actions
4) Centered square
Show server menu options
Sample hidden content for visual testing.
- CPU / RAM / Disk details
- Networking options
- Recovery actions
5) Dark filled pill
Show server menu options
Sample hidden content for visual testing.
- CPU / RAM / Disk details
- Networking options
- Recovery actions
6) Outline-only pill
Show server menu options
Sample hidden content for visual testing.
- CPU / RAM / Disk details
- Networking options
- Recovery actions
7) Soft blue pill
Show server menu options
Sample hidden content for visual testing.
- CPU / RAM / Disk details
- Networking options
- Recovery actions
8) Large touch-friendly pill
Show server menu options
Sample hidden content for visual testing.
- CPU / RAM / Disk details
- Networking options
- Recovery actions
9) Compact chip pill
Show server menu options
Sample hidden content for visual testing.
- CPU / RAM / Disk details
- Networking options
- Recovery actions
10) Full-width centered bar
Show server menu options
Sample hidden content for visual testing.
- CPU / RAM / Disk details
- Networking options
- Recovery actions