Variable AppBarUIConst

Type Declaration

• • (props: AppBarProps): Element

  • A customized Material-UI AppBar component with fade-in animation support.

    Parameters

    • props: AppBarProps

      The properties for the AppBar component

    Returns Element

    A rendered AppBar component with fade-in animation

    Component

    Example

    // 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>
    Copy

    Note

    For performance optimization in cases of frequent parent re-renders, consider wrapping this component with React.memo at the consumption level.

    See

    https://mui.com/material-ui/api/app-bar/