Appearance
Coordinate
The free-positioning root container — children are placed by explicit X/Y coordinates.
In Studio
In Studio, double-click Coordinate in the Containers category of the Components panel. It is added to the open view, where you can drag it into place.
When to use
Every screen starts with a Coordinate root. Nest one inside a Flex or Tab container when you need a region of a responsive layout to hold freely-positioned artwork (a mimic diagram, an SVG drawing) instead of flexed rows.
Properties
| Property | Type | Default | Description |
|---|---|---|---|
| Surface | auto, card, flat, outline | auto | The container look: auto (default), card, flat or outline. card is a rounded panel with a hairline and soft shadow, outline is a rounded transparent panel with a border, and flat adds nothing. auto is card in a Daylight project and flat otherwise. It applies to a container nested inside another; a screen root is always flat. |
Binding
This component has no single value binding.