Style Guide
  • Handy Style Guide
  • Brand Guidelines
    • Logo
    • Color System
    • Line Icons
    • Expressive Icons
    • Typography
  • Native
    • Action Cards
      • Booking Cards
      • Job Cards
      • List Cards
      • Message Cards
      • User Cards
    • Avatars
    • Banners
    • Callouts
    • Buttons
    • Half Sheets
    • Headers
    • Icon Lists
    • Input Fields
    • Marketing
    • Message Bubbles
    • Modal
    • Navigation
    • Pickers
    • Reviews
    • Skeleton Loading States
    • Tabs
    • Typography - Native
      • Native Text Combinations
  • Web
    • Navigation
    • Grid and Layout
    • Forms
    • Typography (Web)
    • Buttons
    • Pickers
    • Modals
    • Cards
Powered by GitBook
On this page
  • Usage of Loading States
  • Types of Loading States
  • Animation

Was this helpful?

  1. Native

Skeleton Loading States

Loading states of different components.

PreviousReviewsNextTabs

Last updated 5 years ago

Was this helpful?

Usage of Loading States

Whenever the app is loading a page, components on the page will have a load state.

Types of Loading States

1. Picker Loading States (skeleton-picker)

2. Booking Loading State (skeleton-booking)

3. Pro Loading State (skeleton-user)

4. Message Loading State (skeleton-message)

5. Text Loading State (skeleton-text)

6. Image (skeleton-image) Can be used for maps and product marketing content

Animation