Changes saved
The workspace settings are up to date.
Changes saved
The workspace settings are up to date.
open System
open FSharp.ViewEngine
open Acme.Components.Primitives
open Acme.Components.Application
open type Html
open type Svg
open type Datastar
let simpleNotificationExample =
Notification.create "saved-notification" "Changes saved" (p { "The workspace settings are up to date." })
|> Notification.withTone Tone.Positive
|> fun notification -> NotificationRegion.create "save-notifications" "Workspace notifications" [ notification ]
|> NotificationRegion.withinContainer
|> NotificationRegion.renderInvitation received
Jordan invited you to Northwind Outdoor.
open System
open FSharp.ViewEngine
open Acme.Components.Primitives
open Acme.Components.Application
open type Html
open type Svg
open type Datastar
let notificationWithActionsExample =
Notification.create "invitation-notification" "Invitation received" (p { "Jordan invited you to Northwind Outdoor." })
|> Notification.withActions (
div {
_class "flex flex-wrap gap-2"
a { _href "/components/page-examples/operations-dashboard"; _class "font-semibold text-[var(--fve-brand-text)] underline-offset-2 hover:underline"; "Review workspace" }
button { _type "button"; _class "font-semibold text-[var(--fve-muted-text)] underline-offset-2 hover:underline"; "Decline" }
})
|> fun notification -> NotificationRegion.create "invitation-notifications" "Invitation notifications" [ notification ]
|> NotificationRegion.withinContainer
|> NotificationRegion.render