Saltar al contenido
NAVEGACIÓN · FREE

AppBar

Una barra superior limpia que se adapta desde escritorios amplios hasta teléfonos pequeños.

La barra superior de tu aplicación, para el título y las acciones principales. Pon enlaces en ella y quedan en la barra en pantallas anchas y se pliegan tras un menú en las pequeñas.

Por qué ayuda

  • Se adapta del escritorio al teléfono
  • Título y acciones
  • Los enlaces de navegación se pliegan

Dónde encaja

  • Encabezados de aplicaciones
  • Portales
  • Sitios de marketing
El control AppBar en una página de RayCraft

Ejemplo

<AppBar>
    <strong>My app</strong>
    <span style="flex:1"></span>
    <Button Variant="Variant.Text">Home</Button>
    <Button Variant="Variant.Text">About</Button>
</AppBar>

Un breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.

Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.

Todos los controles ยท Documentación