Toggle Exploration

About this site

This site hosts a set of demo pages that explore various approaches to toggles.

Tested approaches:

1. CSS Toggles (Spec)
2. Attribute based approach (Design Doc)
3. Aria focused approach (Design Doc)

Demo 1: Todo list

• CSS Toggles Implementation
• Toggle Attribute Implementation
• Aria Toggles Implementation

Demo 2: Accordion

• CSS Toggles Implementation
• Toggle Attribute Implementation
• Aria Toggles Implementation

Demo 3: Tab Demo

• CSS Toggles Implementation
• Toggle Attribute Implementation
• Aria Toggles Implementation

Demo 3b: Tab Demo (alternative markup)

• CSS Toggles Implementation (sticky)
• CSS Toggles Implementation (cycle-on)
• Toggle Attribute Implementation

Demo 4: Named States / Cyclical control

• CSS Toggles Implementation
• Toggle Attribute Implementation

Demo 5: Toggle Buttons Group

• CSS Toggles Implementation
• Toggle Attribute Implementation

Demo: Togglebirds

• CSS Toggles
• Toggle Attribute