Components
    • Animation
    • Barcodes
    • Buttons
    • Charts
    • Common Utilities
    • Conversational UI
    • Data Grid
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListBox
    • ListView
    • Mapbeta
    • Notification
    • PDF Processing
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeView
    • Upload
    Sample Applications
    Styling & Themes
    Common Features
    Project Setup
    Changelog

Appearance

The Skeleton component provides various predefined appearance options such as shapes and animations.

Shape

The Skeleton allows you to set different shapes.

The available shape values are:

  • circleRenders a circular Skeleton.
  • text(Default)Renders a line Skeleton.
  • rectangleRenders a rectangular Skeleton.
Example
View Source
Change Theme:

Animation

The Skeleton allows you to set different animation settings.

The available animation keys are:

  • typeDefines the type of the Skeleton animation.
    • waveShows a wave animation effect.
    • pulse(Default)Shows a pulse animation effect.

To disable the animation, set the property to false.

Example
View Source
Change Theme:

In this article

Not finding the help you need?