card
A raised container with rounded corners and a soft shadow. Put related controls inside it to group them visually.
Syntax
Otter
create card into name
Properties
Output
width number Width in pixels
height number Height in pixels
background color Background color
spacing number The gap between the controls inside it
padding number The space between the edge and the controls
align word Alignment of what is inside
spread flag Distribute the controls apart
round number Corner radius
Events
Output
clicked runs when the card is clicked
Example
Otter
create window into app
title of app is "Profile"
create card into profile
spacing of profile is 6
padding of profile is 16
create heading into name
text of name is "Ada Lovelace"
create text into role
text of role is "Mathematician"
put name in profile
put role in profile
put profile in app
show app
Expected result
A card containing the name as a heading and the role beneath it.
column
Layout