LoadingOverlay

Animated spinner for loading states.

Limitations

To keep LoadingOverlay within the parent container you need to make it relative and clip the overflow to take into account the rounded edges. In TailwindCSS it would be relative and overflow-clip

Component API

LoadingOverlay component props

Prop	Default	Description
`active`	`false`	`boolean` Is component visible
`loaderColor`	`white`	`primary \| error \| warning \| success \| mono \| undefined` Loader color
`onClick`	—	`() => void` Callback function called on element click
`cursorWait`	`false`	`boolean` Apply `cursor-wait` to overlay
`cx`	—	`{ "overlay": "string", "loader": { "inner": "string", "outer": "string" } }` Class names to add to wrapping InputBase component. Separately modify inner and outer container or input