> For the complete documentation index, see [llms.txt](https://docs.devolutions.net/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.devolutions.net/powershell-universal/es/aplicaciones/components/surfaces/appbar.md).

# AppBar

Añada una App Bar a las aplicaciones de PowerShell Universal para personalización de marca, navegación y acciones de pantalla, con posicionamiento fijo, sticky y de pie de página.

**La App Bar muestra información y acciones relacionadas con la pantalla actual.**

La App Bar superior proporciona contenido y acciones relacionados con la pantalla actual. Se utiliza para la personalización de marca, títulos de pantalla, navegación y acciones.

## AppBar con Drawer personalizado

```powershell
$Drawer = New-UDDrawer -Children {
    New-UDList -Children {
        New-UDListItem -Label "Home"
        New-UDListItem -Label "Getting Started" -Children {
            New-UDListItem -Label "Installation" -OnClick {}
            New-UDListItem -Label "Usage" -OnClick {}
            New-UDListItem -Label "FAQs" -OnClick {}
            New-UDListItem -Label "System Requirements" -OnClick {}
            New-UDListItem -Label "Purchasing" -OnClick {}
        }
    }
}

New-UDAppBar -Position relative -Children { New-UDElement -Tag 'div' -Content { "Title" } } -Drawer $Drawer
```

## Pie de página

Para crear una app bar anclada a la parte inferior de la página, puede utilizar el parámetro `-Footer`.

```powershell
New-UDAppBar -Children { "Hello" } -Footer
```

## Pie de página relativo

Un pie de página relativo siempre permanece en la parte inferior del documento. Si el contenido de la página no ocupa el 100 % de la altura de la pantalla, el pie de página se situará en la parte inferior de la vista. Si el contenido supera el 100 % de la altura de la pantalla, el pie de página solo será visible cuando se desplace hasta la parte inferior del correcto.

```powershell
New-UDApp -Title 'PowerShell Universal' -Pages @(
    New-UDPage -Title home -Name home -Blank -HideNavigation -Content {
        New-UDHelmet -Tag 'style' -Content '
            #Footer {
                position: relative;
            }
            #Footer + div {
                display: none
            }
            #content {
                min-height: calc(100vh - 128px);
            }
        '
        New-UDAppBar -Position sticky -ClassName header -DisableThemeToggle -Children {
            New-UDParagraph -Text "Header"
        }
        New-UDElement -Tag 'div' -Content {
            1..100 | % {
                New-UDTypography -Text 'Hello' -Variant h1
            }
        } -Id 'content'
        New-UDAppBar -Id Footer -Footer -Children {
            New-UDParagraph -Text "Footer"
        }
    }
)
```

## AppBar fija

Una AppBar fija se mostrará incluso cuando se desplace la pantalla. Permanecerá fija en la parte superior. Este ejemplo crea una AppBar fija con un div de 10000 píxeles de alto.

```powershell
New-UDAppBar -Position fixed -Children { New-UDElement -Tag 'div' -Content { "Title" } }

New-UDElement -Tag 'div' -Content {

} -Attributes @{
    style = @{
        height = "10000px"
    }
}
```

## API

* [New-UDAppBar](/powershell-universal/es/comandos-de-powershell/new-udappbar.md)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.devolutions.net/powershell-universal/es/aplicaciones/components/surfaces/appbar.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.