Browser
Address bar and Documentation App mode
open System
open FSharp.ViewEngine
open Acme.Components.Primitives
open Acme.Components.Application
open type Html
open type Svg
open type Datastar
let browserPrimitiveFixture =
Browser.create (
div {
_class "grid min-h-64 content-center gap-3 bg-[var(--fve-surface-subtle)] p-8 text-center"
strong { _class "text-lg"; "Shipping address" }
p { _class "text-sm text-[var(--fve-muted-text)]"; "Product content stays an ordinary HtmlElement." }
})
|> Browser.withAddress "https://fve.meiermade.com/components/browser"
|> FSharp.ViewEngine.Components.Documentation.Fixture.browser "browser-primitive" "Shipping address" "/components/browser"
let browserPrimitiveExample = browserPrimitiveFixture |> FSharp.ViewEngine.Components.Documentation.Fixture.renderFixture owns the URL-backed fullscreen review mode while Browser remains a static presentation primitive.