Add large spinner (with logo) to Spinner component
See original GitHub issueThe large spinner is primarily used for loading states between pages. The existing small spinner is used for loading states inside buttons.
I believe the large spinner should be the default one, so that would make a breaking change.
Actual implementation
https://auth0-cosmos.now.sh/docs/spinner
Design reference

The API for the spinner could be:
size: enum
default
: spinner with logo
small
: spinner without logo
For the light and dark version at first I thought of an appearance
prop, that defaults to light
? wdyt?
The docs could use some love and we will now have a Props table in there!
Issue Analytics
- State:
- Created 5 years ago
- Comments:7 (6 by maintainers)
Top Results From Across the Web
The Four ways to Create Loading Spinners in an Angular App
In this post we went through four ways to create spinners in your Angular application: raw HTML and CSS pre-Angular spinner, spinner component,...
Read more >Spinners - Bootstrap
Bootstrap “spinners” can be used to show the loading state in your projects. They're built only with HTML and CSS, meaning you don't...
Read more >How to Create a Loading Spinner (With Animations) - YouTube
In today's video I'll be showing you how to create two different styles of loading spinners using only HTML and CSS.
Read more >How To Create An Advanced Animated Loading Spinner
Loading spinners are incredibly common in web applications, but it is not always easy to create a good looking and simple loading spinner....
Read more >Create A Spinner & Add A Loader In React
Using two libraries, styled-components and react-image , I learned a new simple way to create a Loader component (i.e. a spinner) to be...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Something to consider: an property to define the layout. Default to centered, but can be overwritten to inline
The spinner doesn’t have props for
size
, but the new default size for spinner will be bigger. So it will break the UI unless you specify the prop you want. The component rendered by default will be different.