A placeholder shape of el_skeleton()'s template

Element Plus's el-skeleton-item, for the template slot of el_skeleton(), which draws a custom placeholder while loading.

Usage

el_skeleton_item(variant = NULL, ...)

Arguments

variant

The shape: "p", "text" (Element's default), "h1", "h3", "caption", "button", "image", "circle" or "rect".

...

Attributes for the tag, such as style.

Value

A tag.

See also

Other items: el_anchor_link(), el_breadcrumb_item(), el_carousel_item(), el_collapse_item(), el_descriptions_item(), el_dropdown_item(), el_menu_item(), el_option(), el_step(), el_tab_pane(), el_table_column(), el_table_v2_column(), el_timeline_item(), el_tour_step()

Examples

el_skeleton(
  slots = list(
    template = htmltools::tagList(
      el_skeleton_item("image", style = "width: 240px; height: 240px"),
      el_skeleton_item("p", style = "width: 50%")
    )
  )
)
#> <div id="el_skeleton_1da4bac9-972f-4ffa-88d8-5a0f20f609c9" data-shiny-vue style="display: contents">
#>   <script type="text/x-template" data-shiny-vue-template><div id="el_skeleton_1da4bac9-972f-4ffa-88d8-5a0f20f609c9_container" style="display: contents">
#>   <el-skeleton :loading="skLoading" :rows="skRows === null ? undefined : skRows" :animated="skAnimated === null ? undefined : skAnimated" :count="skCount === null ? undefined : skCount" :throttle="skThrottle === null ? undefined : skThrottle">
#>     <template v-slot:template>
#>       <el-skeleton-item variant="image" style="width: 240px; height: 240px"></el-skeleton-item>
#>       <el-skeleton-item variant="p" style="width: 50%"></el-skeleton-item>
#>     </template>
#>   </el-skeleton>
#> </div></script>
#>   <script type="application/json" data-shiny-vue-options>{"options":{"data":{"skLoading":true,"skRows":null,"skAnimated":null,"skCount":null,"skThrottle":null}},"input":null,"rate":null,"type":null,"use":["shinyElement.plugin"],"generated":true,"evals":[]}</script>
#> </div>