Spinner - Frameworks

A spinner informs users about the loading of content.

AndroidreleasediOSreleased

iOS

AndroidiOS

Syntax

Warp.Spinner(
    size: SpinnerSize = .default,
    duration: CGFloat = 1,
    lineWidth: CGFloat = 3
)

Warp.Spinner(size: .large)

Visual options

There are a variety of variants supported for the Spinner component:

enum Warp.SpinnerSize {        
    case small
    case `default`
    case large
    case custom(Double)
}

Legacy support

By default all Warp components return a SwiftUI View but there is always a UIKit UIView available to use also.

Warp.Spinner(size: .large).uiView

Parameters

Optional Props

Name	Type	Default	Description
size	Warp.SpinnerSize	.default	Size of the Spinner. Use one of the predefined SpinnerSize values: .small, .default, .large, or .custom.
duration	CGFloat	1	Duration of Spinner animation
lineWidth	CGFloat	3	The thickness of the Spinner

Questions?

Feel free to ask any questions on usage in the Warp DS Slack channel: #warp-design-system