sigilUI

Braille Spinner

Indicate ongoing work with an animated text-based spinner.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

import { BrailleSpinner } from "@sigil-ui/components";

Usage

<div className="flex items-center gap-6">
    <BrailleSpinner name="orbit" />
    <BrailleSpinner name="scan" />
    <BrailleSpinner name="breathe" />
    <BrailleSpinner name="cascade" />
    <BrailleSpinner name="helix" />
    <BrailleSpinner name="sparkle" />
  </div>

Props

PropTypeDefaultDescription
nameBrailleSpinnerNameorbitAnimation variant.
labelstringLoadingAccessible label.