Skip to main content

LoadingDots

A basic animated loading indicator. This matches similar indicators used in various places around Studio. This should be used for short processes where the user does not need to see information about how complete the loading is. For longer or more detailed loading processes, consider using a ProgressBar.

Dark Light
Dark Light

Example of usage:

local function MyComponent()
	return React.createElement(StudioComponents.LoadingDots, {})
end

Types​

Props​

Component Props
</>
interface Props {
}
Show raw api
{
    "functions": [],
    "properties": [],
    "types": [
        {
            "name": "Props",
            "desc": "",
            "fields": [
                {
                    "name": "...",
                    "lua_type": "CommonProps",
                    "desc": ""
                }
            ],
            "tags": [
                "Component Props"
            ],
            "source": {
                "line": 36,
                "path": "src/Components/LoadingDots.luau"
            }
        }
    ],
    "name": "LoadingDots",
    "desc": "A basic animated loading indicator. This matches similar indicators used in various places \naround Studio. This should be used for short processes where the user does not need to see\ninformation about how complete the loading is. For longer or more detailed loading processes, \nconsider using a [ProgressBar].\n\n| Dark | Light |\n| - | - |\n| ![Dark](/StudioComponents/components/loadingdots/dark.gif) | ![Light](/StudioComponents/components/loadingdots/light.gif) |\n\nExample of usage:\n\n```lua\nlocal function MyComponent()\n\treturn React.createElement(StudioComponents.LoadingDots, {})\nend\n```",
    "source": {
        "line": 21,
        "path": "src/Components/LoadingDots.luau"
    }
}