Kanzo UI

Pane header

A panel's own header — what the panel is, a control over its document, and how it is doing.

Standing ordersAmber Hall
# The Amber Hall's standing orders.
# Checked when a party signs, and again when it comes back.

rule "a writ needs a seal" {
  when   grade >= 5
  require party.size >= 4
  require party has role "warden"
  else   "A writ may not be signed by fewer than four, one of them a warden."
}

rule "no ward left unlit" {
  when   grade >= 4
  require party has role "cantor"
  else   "Nothing above a Hazard goes out without a cantor."
}

rule "the second attempt" {
  when   tagged "second-attempt"
  require party has rank >= "silver"
  else   "A re-posting is not the place to blood a copper."
}

rule "children present" {
  when   tagged "children-present"
  forbid tagged "no-open-flame"
  else   "Do not bring fire where the children are."
}

h-9, which is the height of the page header's own row and of every strip on either screen. A panel header that sets its own height is how two screens end up looking like two products; this one was h-9 in one showcase and h-12 in the other before it was named.

actions is for a control over this panel's document — the shape switcher, the standing-orders switcher. A control that acts on the whole page belongs in the page header; one that replaces the document a panel is showing belongs here, against the document.

The status dot and the detail sit at the reading end, together, because they are one sentence about the same thing: what is loaded and whether it is well.

Where it comes from

import { PaneHeader } from "@/showcases/shared";

On this page