wwwwwwwwwwwwwwwwwww
Introduction
Installation
Releases

Core

Configuration
Tokens
Stack & Text
styled
Variants
Props
Themes
Animations
Theme
useMedia
useTheme
FontLanguage
Extras

Compiler

About
Install
Benchmarks

Theme

Colors
Tokens

Tamagui

Stacks
Headings
Text

Forms

Button
Checkbox
Form
Input & TextArea
Label
Progress
RadioGroup
Select
Slider
Switch
ToggleGroup

Panels

AlertDialog
Dialog
Popover
Sheet
Tooltip
Toast

Organize

Accordion
Group
Tabs

Content

Avatar
Card
Image
ListItem

Visual

LinearGradient
Separator
Square & Circle

Etc

Anchor
HTML Elements
ScrollView
Spinner
Unspaced
VisuallyHidden

Extras

Lucide Icons

Guides

Design Systems
Creating Custom Themes
How to Build a Button
Developing
Next.js
Expo
Vite
create-tamagui

Community

Community
Blog
GitHub
Twitter
Discord

Spinner

Render a loading indicator.

Features

  • Custom size "small" or "large".

  • Accepts all theme colors.

  • Accepts all YStack props.

Usage

Note that due to the fact that Spinner is an extension of React Native ActivityIndicator , and that only accepts size small or large, we are currently limited to just these sizes.

import { Button, Spinner } from 'tamagui'
export default () => <Spinner size="large" color="$green10" />

API Reference

Spinner

Spinner extends YStack, getting Tamagui standard props, plus:

Props

  • size

    "small" | "large"

  • color

    string | ColorTokens

    Give the spinner a color.

  • Previous

    ScrollView

    Next

    Unspaced