Spinner

#Default usage

#Usage

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

export function Example() {
  return (
    <>
      <Spinner size="sm" label="Loading compact preview" />
      <Spinner label="Loading preview" />
      <Spinner size="lg" label="Loading large preview" />
    </>
  );
}

#Accessibility

Spinner renders role="status" with an accessible label. The visual ring itself does not need additional text.

#API

• size: sm, md, or lg.
• label defaults to Loading.
• Extends span props.

#Styling

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