UI LibraryUI Library
Guide
Components
Styling
Repo
Guide
Components
Styling
Repo
  • Guide

    • Introduction
    • Getting Started
  • Components

    • CataUiAccordion
    • CataUiAccordionItem
    • CataUiAlert
    • CataUiAnchorMenu
    • CataUiBadge
    • CataUiButton
    • CataUiCollapse
    • CataUiDraggable
    • CataUiDropdown
    • CataUiDropover
    • CataUiFileTree
    • CataUiIcon
    • CataUiIconSwitch
    • CataUiInput
    • CataUiInputCheckbox
    • CataUiInputColor
    • CataUiInputDate
    • CataUiInputGroup
    • CataUiInputRadio
    • CataUiInputSearch
    • CataUiInputSelect
    • CataUiMasonry
    • CataUiMasonryTile
    • CataUiLogo
    • CataUiModal
    • CataUiPaginate
    • CataUiProgress
    • CataUiSpinner
    • CataUiStatusLabel
    • CataUiSwitch
    • CataUiTable
    • CataUiTableAG
    • CataUiTableFooter
    • CataUiTabs
    • CataUiTabSwitch
    • CataUiTooltip
  • Styling

    • Colors
    • Icons
    • Typography
    • Utils

CataUiSpinner

A loading spinner component used to indicate that content is loading or an action is in progress.

Small:

Medium:

Large:

XLarge:

<!-- Basic spinner (default: medium size) -->
<CataUiSpinner />

<!-- Small spinner -->
<CataUiSpinner size="small" />

<!-- Medium spinner (same as default) -->
<CataUiSpinner size="medium" />

<!-- Large spinner -->
<CataUiSpinner size="large" />

<!-- Extra Large spinner -->
<CataUiSpinner size="xlarge" />

Props

PropDescriptionTypeDefaultRequiredOptions
sizeControls the size of the spinnerString'medium'false'small', 'medium', 'large', 'xlarge'
Prev
CataUiProgress
Next
CataUiStatusLabel