Skeleton

#Default usage

#Usage

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

export function Example() {
  return (
    <>
      <Skeleton height={18} width="48%" />
      <Skeleton height={14} width="88%" />
      <Skeleton height={14} width="72%" />
    </>
  );
}

#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.