Lesson 11 of 21 · Components
Slots
A slot is a part of a component that the parent fills with markup. slot default; takes all markup inside the element. A named slot takes the markup of a #fill block. A name with ? is optional.Your turn
- In Panel.surf, add the optional slot slot footer?;, and show it with @slot footer after the default slot.
- In App.surf, fill it: #fill footer { <Text>Saved</Text> }.
Preview
1 error
The sandbox needs a browser.