Spinner

Feedback

A small, token-colored loading indicator.

Live preview

Installation

Import the component from the kit. The package ships source and is transpiled by Next.js.

Import

import { Button, Spinner } from "@nphuonha/ui-kit";

Compose the component with your own content. All controls share the same focus, disabled and invalid states.

Usage

<span className="inline-flex items-center gap-2">
  <Spinner size={16} /> Loading
</span>

Props are additive to the underlying Base UI or native element.

Prop	Type	Default	Description
size	number	18	Pixel size of the icon.
className	string	—	Extra classes.