geoview-core - v2.2.0
    Preparing search index...

    Variable AppBarUIConst

    AppBarUI: (props: AppBarProps) => Element = AppBarUI1

    Type Declaration

      • (props: AppBarProps): Element
      • Material-UI AppBar with automatic fade-in animation on mount.

        Wraps Material-UI's AppBar component with React Spring animations to provide a smooth fade-in effect when the component initially renders. All Material-UI AppBar props are supported and passed through directly. Useful for providing visual continuity and polish to page transitions.

        Parameters

        • props: AppBarProps

          Material-UI AppBar properties (see MUI docs for all available props)

        Returns Element

        AppBar element with fade-in animation applied on render

        // Basic usage
        <AppBarUI>
        <Toolbar>
        <Typography variant="h6">My App</Typography>
        </Toolbar>
        </AppBarUI>

        // With custom styling
        <AppBarUI
        sx={{
        backgroundColor: 'custom.main',
        boxShadow: 'none'
        }}
        >
        <Toolbar>
        <IconButton>
        <MenuIcon />
        </IconButton>
        </Toolbar>
        </AppBarUI>