Custom label to be used by screen readers. When provided, an aria-label will be added to the element.
"a user friendly label for screen readers"
How to align along the cross axis when contained in a Box or along the column axis when contained in a Grid.
"start"
"center"
"end"
"stretch"
Continent details.
[
{
"name": [
"Africa",
"Asia",
"Australia",
"Europe",
"North America",
"South America"
],
"color": [
"graph-1",
{
"dark": "white",
"light": "black"
}
],
"onClick": "(name) => {}",
"onHover": "(name) => {}"
}
]
The amount of margin around the component. An object can be specified to distinguish horizontal margin, vertical margin, and margin on a particular side.
"xsmall"
"small"
"medium"
"large"
"xlarge"
{
"vertical": "...",
"horizontal": "...",
"top": "...",
"bottom": "...",
"left": "...",
"right": "..."
}
The size of the visual dots belonging to a continent when the continent is being hovered.
"8px"
The size of the visual dots belonging to a continent that is not being hovered.
"6px"
The size of a visual dot for an individual place in the map when it is being hovered.
"20px"
The size of the visual dot representing an individual place in the map when it is not being hovered.
"8px"