Notice
Information
Before you submit
Check the contact name and email address before sending account correspondence.
open System
open FSharp.ViewEngine
open Acme.Components.Primitives
open Acme.Components.Application
open type Html
open type Svg
open type Datastar
let informationNotice =
Notice.create "notice-information" "Before you submit" (p { "Check the contact name and email address before sending account correspondence." })
|> Notice.withActions (a { _href "/components/form-layouts"; _class "underline underline-offset-2"; "Review contact details" })
|> Notice.renderSuccess with download
Export ready
Your export is ready to download.
open System
open FSharp.ViewEngine
open Acme.Components.Primitives
open Acme.Components.Application
open type Html
open type Svg
open type Datastar
let successNotice =
Notice.create "notice-success" "Export ready" (p { "Your export is ready to download." })
|> Notice.withTone Tone.Positive
|> Notice.withActions (a { _href "data:text/csv;charset=utf-8,Account%2CBalance%0AOperating%2C42800"; _attr ("download", "accounts.csv"); _class "underline underline-offset-2"; "Download accounts" })
|> Notice.renderWarning
Review required
Two transactions need an account before they can be posted.
open System
open FSharp.ViewEngine
open Acme.Components.Primitives
open Acme.Components.Application
open type Html
open type Svg
open type Datastar
let warningNotice =
Notice.create "notice-warning" "Review required" (p { "Two transactions need an account before they can be posted." })
|> Notice.withTone Tone.Warning
|> Notice.renderError with recovery link
Details need attention
Correct the highlighted fields and validate the form again.
open System
open FSharp.ViewEngine
open Acme.Components.Primitives
open Acme.Components.Application
open type Html
open type Svg
open type Datastar
let criticalNotice =
Notice.create "notice-error" "Details need attention" (p { "Correct the highlighted fields and validate the form again." })
|> Notice.withTone Tone.Critical
|> Notice.withActions (a { _href "/components/error-summary"; _class "underline underline-offset-2"; "Review highlighted fields" })
|> Notice.render