{
  "name": "toggles",
  "title": "Rules with switches",
  "shows": "A titled list of four rules, each a label, a grey line and a switch; one switch flips at a time (the changed row takes the accent) and the count follows.",
  "useFor": [
    "settings",
    "permissions",
    "rules",
    "policies",
    "preferences",
    "controls"
  ],
  "size": [
    380,
    290
  ],
  "js": true,
  "edit": "Rows are HTML (is-on on the switches that are on). The count keeps its words; only its first figure follows.",
  "loop": "about 2.6 s a cycle: two switches flip in turn and the count follows; back to the page's state every six; the finished picture holds for at most 15% of the cycle; restarts when the pointer enters its card",
  "place": "at-corner or at-right (32px in, 56px down), cut by the bottom edge with .stage--fade-b"
}