Auth Form
Card-based authentication form with labelled fields and a dominant submit action inside the form element.
Patterns
Patterns document a composition rather than a single component: which components take part, how they nest, and what the authored markup looks like. They come from the same schema bundle that powers linting and prompt output.
Data Card Grid
A dashboard-style grid of compact summary cards with status, ownership, and a follow-up action. aihio-grid drops columns as it narrows, and the cards are a list.
Data Table
A list of records to compare and sort: a heading with the primary action, a search form, a table whose columns sort, whose row headers link to each record, and whose rows carry a status and a menu of actions, and aihio-pagination by link. The table is named by the section's heading, and on a narrow screen it scrolls inside its own box.
Destructive Confirmation
A modal confirmation flow for irreversible actions with cancel-first ordering. The trigger opens the dialog and Cancel closes it through Invoker Commands, and the confirm button submits the dialog's form, so the flow works without script.
Empty State
A blank-slate surface that explains what is missing and points the user toward the next action.
Inline Form With Validation
A compact form that keeps the invalid field, its message, and the corrective action in one place.
Settings Section
A settings panel in a card: a form of labelled fields — text, a native select for a short list of choices, and a switch for an on/off setting — with Reset and Save that reset and submit it.
Tabbed Settings
A settings view split across tabs so related configuration stays grouped without overwhelming the page. Each panel is its own form with its own Save.
Toast-Style Alert Stack
A lightweight stacked-notification pattern for transient system updates.