Spinner component is used to indicate a loading state.
Changing the size
Try to stay on the
8px major scale grid, or in some cases the
4px minor scale grid.
Centering in a div
Spinner in a
Pane to allow for centering of you
Centering with automatic margins
Alternatively you can center a
Spinner with margins.
Showing after delay
delay prop (in milliseconds) to show spinner only after this time is passed.
Hide and then show code below to see this behavior in action.
This component composes