Spinner

A loading indicator drawn by the renderer.

A renderer-only loading indicator. Animation can be added once transforms/animation exist natively.

SpinnerProps packages/core/src/extra-controls.ts:39 ↗

Import

import { Spinner } from "@tarve/core";

Usage

Spinner.tsx

import { Row, Spinner, Text } from "@tarve/core";

<Row gap={8} align="center">
  <Spinner size={18} label="Syncing" />
  <Text>Syncing your files…</Text>
</Row>

Props

Prop	Type	Default
`label`	`string`	`"Loading"`
`size`	`number`	`18`

Common props

Shared by every component. See descriptions →

childrenhighlightidkeymotionFromonHighlightonPasteonTransitionEndrovingGroupstyle