AppFrame

The console frame: the sidebar on the grey chrome, content in an inset rounded panel that scrolls by itself.

View source
Skip to content

Request logs

No requests yet

Send a request with a key and it appears here.

import { AppFrame, NavSheet } from "@logicplanes/kaeso-ui";

Props

  • brandHref
    string

    Where the phone bar's wordmark links to (the app's home), as Sidebar.Brand's href; without it the wordmark is not a link.

  • brandLabel
    string

    The accessible name of the phone bar's wordmark (default "Kaeso"), as Sidebar.Brand's label.

  • children
    ReactNode

    The page, inside the inset panel.

  • corner
    ReactNode

    A bottom-right status area. Unused by default.

  • fill
    "screen" | "parent" = screen

    screen fills the viewport (default); parent fills its container (previews, embedded tools).

  • sidebar
    ReactNode

    The Sidebar.