Tulip Logo IconTulip
Components

Spinner

An indicator that can be used to show a loading state.

Processing payment...
$100.00

Usage

import { Spinner } from "@tulip-systems/core/components";
<Spinner />

Examples

Size

Button

Add a spinner to a button to indicate a loading state. Use data-icon="inline-start" or data-icon="inline-end" to position the spinner.

Badge

Add a spinner to a badge to indicate a loading state. Use data-icon="inline-start" or data-icon="inline-end" to position the spinner.

Syncing

Updating

Processing

Input Group

Validating...

Empty

Processing your request

Please wait while we process your request. Do not refresh the page.

On this page