Cookbooks
Short recipes that wire Base UI components into real screens: settings, dialogs, tables, chat, signal forms, httpResource, @defer, and view transitions. Copy the pattern, then npx base-ui-cli add the pieces you need. Each recipe has Open in StackBlitz.
Assemble input groups, combobox, tags, and a toggle into a saveable settings screen using CVA / ngModel.
Open a modal, bind composite controls with ngModel, and close with a typed result.
Selection, column resize, server page/sort, and a status cell template on data-table — the ops-dashboard pattern.
Message list, streaming assistant reply, a tool-call row, and a prompt composer.
form() + [formField] on Base UI inputs, schema validation, and submit() — the Angular 22 forms recipe.
Pair data-table, combobox, and virtual-scroll with Angular httpResource() for server-paged, debounced lists — no handwritten subscribe() pipeline.
Lazy-load heavy Base UI blocks with @defer (on viewport; prefetch on idle) and a base-skeleton placeholder. Copy-in components have no vendor runtime package, so deferred chunks stay small.
Animate Base UI tabs and dialogs with document.startViewTransition(), and enable Angular router transitions with withViewTransitions().