← ExamplesSpecification
Financial specification navigation

Acme.Components

Financial workspace workflows and project contracts

Open application

Responsibility

Components/Acme.Components.fsproj contains independently installed source for the controls used by the three surfaces.

Dependencies

  • FSharp.ViewEngine and each selected component's declared dependencies.

Composition

PageTopBar.create ()
|> PageTopBar.withBrand brand
|> PageTopBar.withContent breadcrumbs
|> PageTopBar.withActions actions
|> PageTopBar.render

SideNav.create id label header sections
|> SideNav.withoutHeader
|> SideNav.render resolve

Rules

  • Components SHALL own their presentation, accessibility and local interaction behavior.
  • The consumer SHALL own financial content, routes, theme and workflow state.
  • The full-width PageTopBar SHALL own the shell's shared header height and separator.
Acme.Components