Details
children
node
Default is - The content of the component.classes
object
Default is - Override or extend the styles applied to the component.See CSS classes API below for more details.component
elementType
Default is - The component used for the root node. Either a string to use a HTML element or a component.elevation
integer
Default is 1 Shadow depth, corresponds to dp in the spec. It accepts values between 0 and 24 inclusive.square
bool
Default is FALSE If true, rounded corners are disabled.sx
Array func| object| bool | func| object
Default is - The system prop that allows defining system overrides as well as additional CSS styles.See thesxpage for more details.variant
'elevation'| 'outlined'| string
Default is 'elevation' The variant to use.
Examples
Stack(
direction = "row", spacing = 2,
Paper(elevation = 0, "0"), Paper("1"), Paper(elevation = 3, "3")
)
#> <div class="react-container" data-react-id="fzxtxhywmsgekgchaqcj">
#> <script class="react-data" type="application/json">{"type":"element","module":"@mui/material","name":"Stack","props":{"type":"object","value":{"direction":{"type":"raw","value":"row"},"spacing":{"type":"raw","value":2},"children":{"type":"array","value":[{"type":"element","module":"@mui/material","name":"Paper","props":{"type":"raw","value":{"elevation":0,"children":"0"}}},{"type":"element","module":"@mui/material","name":"Paper","props":{"type":"raw","value":{"children":"1"}}},{"type":"element","module":"@mui/material","name":"Paper","props":{"type":"raw","value":{"elevation":3,"children":"3"}}}]}}}}</script>
#> <script>jsmodule['@/shiny.react'].findAndRenderReactData('fzxtxhywmsgekgchaqcj')</script>
#> </div>
