Start
In the docs

Recipe

Tabs

Description, Delivery and Returns, each with its own text, and only one showing at a time. Buttons set a switch, and each text shows for one value.

  • Set a switch…
  • When a switch is set…
  • Before anything is clicked, every switch is empty
Description
Delivery
Returns
Thrown by hand in our studio from local stoneware clay, then fired twice. Every piece comes out a little different: the glaze pools where it wants to.
Sent within two working days, wrapped in recycled paper. Free over $60; otherwise a flat $5. Tracking comes by email.
Changed your mind? Send it back within 30 days, unused, and we refund you in full. We pay for the return label.
Try it: Click Delivery, then Returns.
Open in the playground

It opens on a page of its own in the canvas, ready to change. No account needed.

Make it yourself

  1. Make three buttons in a row: Description, Delivery and Returns.
  2. Select Delivery and, in its Behaviour tab, set When clicked to Set a switch…. Call the switch tab and give it the value delivery. Do the same for Returns, with the value returns.
  3. For Description, set the same switch, tab, and leave the value empty.
  4. Under the buttons, add one text for each tab.
  5. Select the Delivery text and, in its Behaviour tab, set Show it to When a switch is set…: tab is delivery. Do the same for Returns.
  6. For the Description text, choose tab is empty. Before anyone clicks, every switch is empty, so Description shows first.
  7. To mark the chosen tab, put a line under each button that shows only when tab is that button's value, and a quieter line that shows the rest of the time.

Made with