Skeleton

PRO

You can edit 8 Components for free. Get premium for unlimited access.

Choose between Figma, SwiftUI, React Native or Jetpack Compose Documentation.

Figma

The Skeleton component is used to bridge the loading time of a page and to show a shadowy image of the elements that are on the page.

1. Reference

This component inherits props from the Skeleton.

Prop
Type
Default
count
2
3
4
2
state
default
selected
disabled
default

2. State

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Image 1.1 : State 1

Image 1.2 : State 2

SwiftUI

The DLSkeleton component is used to bridge the loading time of a page and to show a shadowy image of the elements that are on the page.

1. Reference

This component inherits props from the Skeleton.

Prop
Type
Default
count
2
3
4
2
state
default
selected
disabled
default

2. Skeleton

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

DLSkeltonComponent()

Jetpack Compose

This component is on the roadmap and in Progress This means that it is currently being edited and will be published in the next few weeks/months. Check back often to stay informed about the latest updates.

🚧

React Native

This component is on the roadmap and in Progress This means that it is currently being edited and will be published in the next few weeks/months. Check back often to stay informed about the latest updates.

🚧

Discover more content

You have questions or need help?

E-Mail

You want to try?

Test for free

Save time and money?

Premium Version