LERN Design System LERN Design System
  • Implementation
    • Sekolah.mu
    • Karier.mu
    • Talentics
    • Sekolah Murid Merdeka
LERN Design System LERN Design System
LERN Design System LERN Design System
  • Implementation
    • Sekolah.mu
    • Karier.mu
    • Talentics
    • Sekolah Murid Merdeka
Sekolah.mu
  • Brand Logo
    • Sekolah.mu
  • Foundation
    • Typography
    • Color Palette
    • Elevation
    • Border & Radius
  • Icon
    • Icon Style
    • Compotition
    • Specification
    • Best Practice
  • Illustration
    • Illustration Type
    • Character Design
    • Element & Background
    • Illustration Size & Usage
    • Best Practice
    • Category
  • Component
    • Accordion
    • App Bar & Nav Bar
    • Avatar
    • Bottom Sheet
    • Breadcrumb
    • Button
    • Carousel Indicator
    • Checkbox
    • Coach Mark
    • Content Switcher
    • Date Picker
    • Dropdown
    • Modal
    • Notification Dot
    • Pagination
    • Pop Up
    • Progress Bar
    • Radio Button
    • Rating
    • Search Field
    • Skeleton
    • Tab
    • Tag
    • Text Area
    • Text Field
    • Ticker
    • Toast
    • Toggle
    • Tooltip
  • Dashboard Component
    • Accordion
    • Avatar
    • Breadcrumb
    • Button
    • Checkbox
    • Coachmark
    • Date Time Picker
    • Input Field
    • Modal
    • Navigation Bar
    • Pagination
    • Pop Up
    • Progress Bar
    • Radio Button
    • Search Field
    • Sidebar
    • Tab
    • Tag
    • Title Page
    • Ticker
    • Toast
    • Toogle
    • Tooltip

Skeleton

A skeleton UI is a representation of a webpage's layout that utilizes placeholder elements in place of actual content. This approach mimics the final appearance of the page as the data is being loaded and becomes available. It is important to note that the Skeleton UI only loads data from the backend, as opposed to front-end content.

Variant

Circle

Rectangle

Button

Text

Example

© 2024 All Rights Reserved.