Style the control

Learn how a headless switch gets its look from data-state, and when slot attrs belong on your element.

You'll learn how to:

1. 1See that the look lives in the example
2. 2Watch data-state drive the thumb
3. 3Find the data-state class in the example source
4. 4Prefer data-state over a scripted class
5. 5See why boolean data attributes are true or absent
6. 6Keep ARIA and data-state on their own jobs
7. 7Bind slot attrs only on a renderless host
8. 8Style the next headless control the same way