Multiple Slots

Certain elements have multiple different slots where different sets of children can be displayed. For example, the Tab element has both a header and a body. To populate one of the secondary slots, use the %ui:slotName { ... } syntax:

Tab($fireball) {
  %ui:header { // Populates the header slot of `Tab`
    "Fireball"
  }
  
  P { "Launch a ferocious ball of fire that engulfs your enemies" }
}