Phone
Device frame 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 phonePrimitiveFixture =
Phone.create (
div {
_class "grid h-full content-center gap-3 p-6 text-center"
strong { _class "text-lg"; "Saved offers" }
p { _class "text-sm text-[var(--fve-muted-text)]"; "The phone frame does not prescribe the product interface." }
})
|> FSharp.ViewEngine.Components.Documentation.Fixture.phone "phone-primitive" "Saved offers" "/components/phone"
let phonePrimitiveExample = phonePrimitiveFixture |> FSharp.ViewEngine.Components.Documentation.Fixture.renderPhone owns the device treatment; the screen remains product-owned HTML.