Description Usage Arguments Value Examples
Summary is a wrapper for the <summary> HTML5 element. For detailed attribute info see: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/summary
1 2 3 4 5 6 |
children |
A list of or a singular dash component, string or number. The children of this component |
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. |
n_clicks |
Numeric. An integer that represents the number of times that this element has been clicked on. |
n_clicks_timestamp |
Numeric. An integer that represents the time (in ms since 1970) at which n_clicks changed. This can be used to tell which button was changed most recently. |
key |
Character. A unique identifier for the component, used to improve performance by React.js while rendering components See https://reactjs.org/docs/lists-and-keys.html for more info |
role |
Character. The ARIA role attribute |
accessKey |
Character. Keyboard shortcut to activate or add focus to the element. |
className |
Character. Often used with CSS to style elements with common properties. |
contentEditable |
Character. Indicates whether the element's content is editable. |
contextMenu |
Character. Defines the ID of a <menu> element which will serve as the element's context menu. |
dir |
Character. Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left) |
draggable |
Character. Defines whether the element can be dragged. |
hidden |
A value equal to: 'hidden', 'hidden' | logical. Prevents rendering of given element, while keeping child elements, e.g. script elements, active. |
lang |
Character. Defines the language used in the element. |
spellCheck |
Character. Indicates whether spell checking is allowed for the element. |
style |
Named list. Defines CSS styles which will override styles previously set. |
tabIndex |
Character. Overrides the browser's default tab order and follows the one specified instead. |
title |
Character. Text to be displayed in a tooltip when hovering over the element. |
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 |
... |
wildcards allowed have the form: ''data-*', 'aria-*'' |
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 | if (interactive() && require(dash)) {
library(dash)
library(dashHtmlComponents)
app <- Dash$new()
app$layout(
htmlDiv(list(
htmlDetails(
children = list(
htmlSummary(
children = "Within a details element, the summary can act as a clickable description"
),
"And the rest is hidden until the summary is clicked"
)
)
)
)
)
app$run_server()
}
|
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.