zen
DocumentationPlayground
Getting started
IntroductionInstallationUsage Guide
ColorsFontsSpacingBordersShadowsBreakpointsThemesCustomization
BoxFlexboxGridContainer
TextHeadingCodeBlockquote
Page headerAspect ratioResizableScroll areaSeparator
Overview
AutocompleteCheckboxCheckbox groupComboboxDate pickerInput groupNumber fieldOTP FieldPassword fieldRadio groupSearch fieldSelectSliderSwitchText fieldToggleToggle group
BreadcrumbsButtonButton groupCommandContext menuHover triggerLoading buttonMenuMenubarNavbarPaginationTabsToolbarTheme buttonTheme switcher
AlertAlert dialogConfirmation dialogDialogDrawerEmptyLoadingMeterModalPopoverPreview cardProgress barProgress circleSheetSkeletonStatus lightToastTooltip
AccordionAvatarBadgeCalendarCarouselCollapsibleData cardData tableIconImageKbdListTableTag group
Feedback & Status

Loading

An element that indicates content is loading.

Spinner#

Dots#

Sizes#

Component props#

NameTypeDescription
sizeLoadingSize"sm" | "md" | "lg"
iconLoadingIcon"dots" | "spinner" (default: "spinner")
placementLoadingPlacement"absolute" | "center" | "inline" (default: "inline")
PreviousEmptyNextMeter
On this page
SpinnerDotsSizesComponent props
Powered by shiso