Loading overlay

Loading Overlay component allows you to wrap any content (such as cards, sections, or multiple elements) and display a semi-transparent overlay with a spinner above it. This visually indicates that the underlying content is in a loading or processing state, preventing user interaction until the operation is complete.```


                                                        
                                                        
                                                            <w-loading-overlay :loading="isLoading">
                                                        <p>Loading content goes here</p>
                                                        </w-loading-overlay>
                                                        
                                                        <script>
                                                        let isLoading = true;
                                                        </script>
                                                        
                                                        
                                                            

Props

Name

Description

Type

Default

Values

loading

Use it to show or hide the overlay

boolean