Saltar al contenido principal

User

Nombre del usuario que ha iniciado sesión​

Hola

Agave User

pages/index.tsx
<AgaveHeader endAdornment={<AgaveUser name="Agave User" />} />

Nombre del usuario que ha iniciado sesión, con opciones​

Hola

Agave User

pages/index.tsx
export function AgaveHeader() {
  const handleClick = () => {
    console.log('hola');
  };
  return (
    <AgaveHeader
      endAdornment={
        <AgaveUser
          name="Agave User"
          userOptions={[
            {
              link: (
                <Link href="/hola" color="text.primary">
                  Cerrar sesión
                </Link>
              ),
            },
            { label: 'Texto ejemplo', onClick: handleClick },
          ]}
        />
      }
    />
  );
}

Estación actual en la que se encuentra el usuario que ha iniciado sesión​

Hola

Agave User

Estás trabajando en: MX

pages/index.tsx
<AgaveHeader endAdornment={<AgaveUser name="Agave User" stationId="MX" />} />

Prueba el componente​

https://providers-price-engine.vercel.app/

Editor en vivo
<div style={{ position: 'relative', height: '50px' }}>
  <AgaveHeader
    appBarProps={{ position: 'absolute' }}
    endAdornment={<AgaveUser name="Agave User" stationId="MX" />}
  />
</div>

Resultado
Loading...