Spinner

Spinner keeps loading feedback visible without competing with the surrounding interface. Use it for compact pending states where a full skeleton would be too heavy.

#Default usage

<HStack gap={12} wrap>
  <Spinner size="sm" label="Loading compact preview" />
  <Spinner label="Loading preview" />
  <Spinner size="lg" label="Loading large preview" />
</HStack>

#Import

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

#Accessibility

Spinner renders role="status" with an accessible label. Motion is reduced for users who prefer less animation.

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