LogoLogo
GitHub repository
GitHub repository
    Documentation
  • Overview
  • Getting Started
  • Guides


  • Hooks

  • Components


    • AsyncButton
    • AsyncIconButton
    • CodeBlock
    • CopyButton
    • Enumeration
    • ExampleCard
    • Icon
    • InlineCode
    • Logo
    • PageLoadingIndicator
    • PageOverview
    • Paragraph
    • QuoteBlock
    • SmartImage
    • SmartLink
    • StyleLink

PageLoadingIndicator

Shows a loading indicator at the top of the page.

Props

No props available.

Examples

Togglable page loading indicator


1function PageLoadingCheckbox() {
2 const [isLoading, setIsLoading] = useState(false);
3
4 return (
5 <>
6 <Checkbox
7 label="Show loading indicator"
8 checked={isLoading}
9 onChange={(e) => setIsLoading(e.target.checked)}
10 />
11 {isLoading && <PageLoadingIndicator />}
12 </>
13 );
14}
1function PageLoadingCheckbox() {
2 const [isLoading, setIsLoading] = useState(false);
3
4 return (
5 <>
6 <Checkbox
7 label="Show loading indicator"
8 checked={isLoading}
9 onChange={(e) => setIsLoading(e.target.checked)}
10 />
11 {isLoading && <PageLoadingIndicator />}
12 </>
13 );
14}