Skeleton

Skeleton defines how EnterUI handles a subtle placeholder for loading content, including default structure, accessible states, and token-driven styling.

#Default usage

<div className="docs-preview-stack">
  <Skeleton height={18} width="48%" />
  <Skeleton height={14} width="88%" />
  <Skeleton height={14} width="72%" />
</div>

#Import

import { Skeleton } from "@froggdesign/enter-ui-react";

#Patterns

#Accessibility

Skeleton is aria-hidden because it is visual placeholder content. Pair with meaningful loading text when needed.

#API

• height and width accept numbers or CSS sizes.
• radius: sm, md, lg, or full.

#Styling

Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.