GitHub

Skeleton

Loading placeholder skeleton

Basic Usage

Loading...

Installation

pnpm add @corew500/ui

Usage

import { Skeleton } from "@corew500/ui/skeleton"

<Skeleton>Content</Skeleton>

API Reference

Accessibility

Screen Readers

  • - Skeletons are purely visual and do not announce to screen readers
  • For accessible loading states, pair with `aria-busy="true"` on the container and/or use a Spinner with `role="status"`
  • Consider adding `aria-hidden="true"` if loading state is communicated elsewhere

Localization

Translatable Content

  • - Skeletons contain no text content - no localization needed
  • Parent containers should announce loading state in localized text