Description Usage Arguments Value Examples
A Loading component that wraps any other component and displays a spinner until the wrapped component has rendered.
1 2 3 |
children |
List of a list of or a singular dash component, string or numbers | a list of or a singular dash component, string or number. Array that holds components to render |
id |
Character. The ID of this component, used to identify dash components in callbacks. The ID needs to be unique across all of the components in an app. |
type |
A value equal to: 'graph', 'cube', 'circle', 'dot', 'default'. Property that determines which spinner to show one of 'graph', 'cube', 'circle', 'dot', or 'default'. |
fullscreen |
Logical. Boolean that makes the spinner display full-screen |
debug |
Logical. If true, the spinner will display the component_name and prop_name while loading |
className |
Character. Additional CSS class for the spinner root DOM node |
style |
Named list. Additional CSS styling for the spinner root DOM node |
color |
Character. Primary colour used for the loading spinners |
loading_state |
Lists containing elements 'is_loading', 'prop_name', 'component_name'. those elements have the following types: - is_loading (logical; optional): determines if the component is loading or not - prop_name (character; optional): holds which property is loading - component_name (character; optional): holds the name of the component that is loading. Object that holds the loading state object coming from dash-renderer |
named list of JSON elements corresponding to React.js properties and their values
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 | if (interactive() && require(dash)) {
library(dash)
library(dashCoreComponents)
library(dashHtmlComponents)
app <- Dash$new()
app$layout(htmlDiv(
children=list(
htmlH3("Edit text input to see loading state"),
dccInput(id="input-1", value='Input triggers local spinner'),
dccLoading(id="loading-1", children=list(htmlDiv(id="loading-output-1")), type="default"),
htmlDiv(
list(
dccInput(id="input-2", value='Input triggers nested spinner'),
dccLoading(
id="loading-2",
children=list(htmlDiv(list(htmlDiv(id="loading-output-2")))),
type="circle"
)
)
)
)
))
app$callback(
output = list(id='loading-output-1', property = 'children'),
params = list(input(id = 'input-1', property = 'value')),
function(value){
Sys.sleep(1)
return(value)
}
)
app$callback(
output = list(id='loading-output-2', property = 'children'),
params = list(input(id = 'input-2', property = 'value')),
function(value){
Sys.sleep(1)
return(value)
}
)
app$run_server()
}
|
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.