Lesson 1 of 21 · Basics
Your first component
A component is one .surf file. A line with --- divides the file. The declarations are above the line, and the markup is below it.This component has one constant and two elements: a Column with a Text in it. {name} puts a value into the text.Each style attribute holds utilities. The compiler knows each utility, so a wrong word is an error and not a silent mistake.Your turn
- Change the value of name to your own name.
- Add a second <Text> under the first. Give it the text Welcome to Surface.
Preview
1 error
The sandbox needs a browser.