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"
Whether to expand to fill all of the available width and height in the parent container.
truefalse
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": "..."
}
If specified, this function will be called with the active index when the currently active carousel changes.
"function"
The icon to use on the middle navigation control. One icon per carousel image.
The color used for disabled Carousel icons.
string | { 'dark': string, 'light': string }
The color of a given icon.
{
"0": "#",
"1": "6",
"2": "6",
"3": "6",
"4": "6",
"5": "6",
"6": "6",
"dark": "#f8f8f8",
"light": "#666666"
}